Frontend

Pastāstiet par savu darba pieredzi. Jūsu CV norādīts 5 gadu pieredze frontend izstrādē, bet jūs beidzāt universitāti 2010. gadā — ar ko nodarbojāties šajā laikā?

Vai ir iespējams, nemainot koda secību, bet pievienojot kaut ko funkcijas iekšpusē, lai finally darbotos vēlreiz (ar skaitli 10)?

Middle

ОТП Банк

Kāda ir saites un pogas atšķirība?

Vai vari pastāstīt, kā tu strādāji ar API pieprasījumiem (REST/GraphQL) savos projektos?

Kā tika organizēts koda validācijas un koda pārskatīšanas process, ieskaitot starpkomandu pārskatīšanu?

Visbeidzot, CSS ir pamata tehnoloģija priekšējā izstrādē, kas ļauj izstrādātājiem kontrolēt tīmekļa lietojumprogrammu izkārtojumu, stilu un vizuālo noformējumu. Kas ierosināja CSS un kā tajā gadā tas tika pirmo reizi ieviests?

Vai jums ir pieredze ar WebSocket? Ar GraphQL?

Redzi, es klikšķinu uz 2. elementa, to slēpju, un arī 1. elements aizveras. Tas nedrīkst notikt. Vai vari paskaidrot, kāpēc tas notiek?

Vai jūs pazīstat nativ CSS nesting? Vai jūs esat par vai pret? Kādas ir tā priekšrocības un briesmas?

Pastāsti man par CSS box-sizing: content-box un border-box — kam tie paredzēti, kādos gadījumos tos izmanto?

Kāda ir atšķirība starp pārbaudi 'key in result' un 'result.hasOwnProperty(key)'?

Kuras CSS (pseudo-klases) interaktīvo elementu stāvokļus jūs zināt? Ko tie dara?

Izskaidrojiet, kas notiek ar vecajiem pieprasījumiem, mainot lietotāju, un kā `AbortController` novērš sacensību stāvokļus (race condition).

Kāpēc setCount tiek nodota funkcija (c => c + 1) vietā, lai vienkārši izmantotu setCount(tick + 1)?

Komponentu apvienojumi + React Context → formEntity pārraidīšana caur nodrošinātāju Form un izmantošana FormItem. Form apņem savus bērnus ar FormContext.Provider, un FormItem izmanto cloneElement, lai injicētu vērtību un onChange Input. Slazds: pārliecinieties, ka FormItem nodod nosaukumu atjaunināšanas funkcijai. ```javascript const Form = ({ children, formEntity }) => ( <FormContext.Provider value={formEntity}>{children}</FormContext.Provider> ); const FormItem = ({ name, children }) => { const { state, handlers } = useContext(FormContext); return React.cloneElement(children, { value: state[name], onChange: (e) => handlers.updateValues({ name, value: e.target.value }), }); }; ```

Kam paredzēts useMemo? Sniedziet praktisku piemēru.

Ko jūs varat pastāstīt par Strict Mode React?

Kā tu redzi savu darbu, ņemot vērā, ka MI uzņemas daļu uzdevumu?

Kā darbojas atkritumu savācējs (Garbage Collector) JavaScript?

Kāda ir atšķirība React.memo darbībā ar props un bez props?