Frontend

Կա՞ հարցեր նախագծի, թիմի կամ զարգացման գործընթացների մասին։

Համարվում է արդյոք `console.log`-ը ֆունկցիայի ներսում կողմնակի ազդեցություն?

Կարճ պատմիր քեզ մասին, ինչ ես անում, որտեղից ես, ինչու ես այստեղ և ամեն ինչ, որ կարևոր ես համարում։

Ի՞նչ է տարբերությունը useMemo և useCallback-ի միջև։

Կպատմես մի քիչ ինքներդ և ամենագեղեցիկ տեխնիկական առաջադրանքը, որը դու լուծել ես, ըստ քեզ։

Middle+

Альфа-Банк

Ինչպե՞ս եք փոխգործակցել բեքենդի և թիմի մյուս անդամների հետ (վերլուծաբաններ, դիզայներներ, թեստավորներ):

Խնդրում եմ, պատմիր ինձ JavaScript-ի promises-ների մասին: ինչ են, ինչու են անհրաժեշտ, մեթոդներ։

Ի՞նչ ծրագրավորման նմուշներ եք օգտագործում (DRY, SOLID, GRASP, դիզայնի նմուշներ):

Middle

ОТП Банк

Ի՞նչ է useEffect-ում կախվածությունների զանգվածը: Ի՞նչ կլինի, եթե փոխանցեք դատարկ զանգված կամ ընդհանրապես չփոխանցեք այն։

Որոնք HTTP կոդեր են օգտագործվում REST API-ով աշխատելիս?

/* Ի՞նչ կցուցադրվի կոնսոլում */ let value = 2; function showValue() { console.log(value); } function wrapper() { let value = 3; console.log(value); showValue(); } wrapper();

Ի՞նչ եք արել, երբ օգտվողը կորցրեց ինտերնետը։

Ինչպես կազմակերպել տվյալների փոխանակումը երկու կապ չունեցող կոմպոնենտների միջև?

Ինչքան մոտ աշխատել եք Next.js-ով: Որ հատկությունները եք օգտագործում?

Դու դեռ աշխատո՞ւմ ես ընկերությունում կամ արդեն լքե՞լ ես այն։

Ինչպես իրականացնել որոնումը input դաշտի valueChanges-ի միջոցով՝ բեկենդին հարցում ուղարկելով. որ RxJS օպերատորներ օգտագործել և ինչու?

Ի՞նչ է անհրաժեշտ վիճակի կառավարիչը: Ինչպե՞ս է այն տարբերվում React Context-ից։

Middle

ОТП Банк

Տեղական Մահվան Զոնա (TDZ) ի՞նչ է: Ինչու է առաջանում և ինչպես պայքարել դրա դեմ:

միացնել React, { useState, useEffect, useRef, useContext, useReducer, useMemo } from 'react'; const someFunc = (arr) => { return [...arr].sort((a, b) => a - b); }; const LazyInit = (props) => { const [arr, setArr] = useState(() => someFunc(props.arr)); const onClick = () => { setArr((prev) => prev.concat(prev.length + 1)); }; return ( <> <button onClick={onClick}> Հավաքել </button> <ul> {arr.map((n, index) => <li key={index}>{n}</li>)} </ul> </> ); }; export default () => <LazyInit arr={[1, 2, 3]} />; --- Աջ կողմի զրույցը քննարկում է. - TypeScript-ի հետ գեներիկների օգտագործումը: "<T extends object, K extends keyof T>" - Տվյալների ստուգում, թե արդյոք դրանք տող են, տիպի պահակով: "isString(data: unknown): data is string { ... }" - useState-ի օգտագործում ֆունկցիայով, որպեսզի խուսափել ամեն ռենդից կրկնվող գործարկումից: ``` const [state, setState] = useState(getComplexData); // կամ const [state, setState] = useState(() => getComplexData()); ``` - useState-ին փոխանցված ֆունկցիան միայն մեկ անգամ կիրականացվի կոմպոնենտի մոնտաժի ժամանակ: - Աշխատանքի մասին զգուշացում՝ ուղիղ փոփոխել վիճակը 11-րդ տողում prev.concat-ի միջոցով: --- Տեխնիկական առաջադրանքը՝ վերլուծել և հնարավոր է՝ ուղղել կամ օպտիմալացնել React կոմպոնենտի կոդը, հատկապես՝ - Լավագույն lazy սկզբնական արժեքի սահմանում useState-ի միջոցով: - Խուսափել վիճակի ուղիղ փոփոխությունից: - TypeScript-ի գեներիկների և տիպային պահակների իմացությունը: - Համոզվել, որ կոմպոնենտը ճիշտ կերպով թարմացնում է վիճակը կոճակով սեղմելու ժամանակ։

Middle+

IT One

Իմացեք ձեր սիրած ֆունկցիան, որի վրա հպարտ եք