Frontend

Ako funguje kešovanie zdrojov v prehliadači — ako prehliadač rozhodne, či ich má načítať z cache alebo znova, a ako s týmto riadiť? Aké sú spôsoby kešovania, vrátane Service Worker?

Implementujte nový komponent SignupSuccess. Mal sa zobrazovať namiesto registračného formulára po úspešnej registrácii.

Ako by si implementoval cache na strane klienta?

Povedz niečo o sebe, čím sa zaujímaš v programovaní, tvoje posledné skúsenosti, možno si robil niečo zložité.

Vieš, čo je metrika FCP (First Contentful Paint)? Predstavme si, že máme React aplikáciu — sociálnu sieť s server-side renderingom, a je problém: keď používateľ priamo vstúpi na niečí profil, dlhú dobu zostáva biela obrazovka. Môžeš popísať kroky — čo sa deje od momentu, keď používateľ stlačí Enter, až po objavenie sa prvého obsahu?

Páčilo sa ti pracovať s Reduxom ako správcom stavu pre zložité formuláre?

Zložitosť úlohy s memoize: zabezpečiť, aby funkcia memoize ako druhý argument prijímala dobu života cache v milisekundách, po ktorej sa cache invaliduje.

console.log(1) setTimeout(() => { console.log(2) }, 10) setTimeout(() => { Promise.resolve().then(() => console.log(3)) }, 0); setTimeout(() => { console.log(4) }, 0); new Promise((_, reject) => { console.log(5) reject(6) console.log(7) }).then(() => console.log(8)) .catch(() => console.log(9)) .then(() => console.log(10)) .catch(() => console.log(11)) .then(() => console.log(12)) .then(console.log) .finally(() => console.log(13)) console.log(14)

Existuje kód — je potrebné pochopiť, čo robí, vykonať revíziu kódu: aké sú problémy a čo sa dá zlepšiť.

Počul si za helper Promise.withResolvers, ktorý sa nedávno objavil v JavaScripte? Namiesto druhého riadku musíš napísať jeho ekvivalent.

Môžeš uviesť niekoľko výhod a nevýhod Redux?

Aký máš názor na metodológiu FSD (Feature-Sliced Design)?

Na stránke je zoznam 5000 produktov, stránka sa veľmi zasekává. Podnik žiada, aby sa s tým niečo urobilo. Čo navrhuješ?

Na strani prijateljev in v messengerju se prikazuje podobna informacija o uporabnikih. Obstajata dve možnosti: shranjevanje uporabnikov v lokalnih slice-ih vsake funkcije ali v globalnem store-u. Kakšne so prednosti in slabosti globalnega store-a v tem primeru?

Čo sa stane, ak nastavíte atribút async na skripte v hlavičke? V čom je rozdiel medzi async a defer?

Povedzte o svojich predchádzajúcich pracoviskách — čo zaujímavé ste robili?

Ktoré alternatívy k Reduxu poznáš a prečo nemajú jeho výhody? Prečo je Redux dobre testovaný a kontexty nie?

Ako pridobiti podatke iz druge funkcije slice (npr. users slice) na strani određenog korisnika, ne narušavajući granice između modula i bez nepotrebnih zahteva?

Lahko na kratko poveš o svoji zadnji izkušnji in česa pričakuješ od novega dela, kaj iščeš na novi poziciji?

#React registračný formulár 1. Vysvetlite, ako funguje StateProvider, podeľte sa o svoje myšlienky s interviewerom. 2. Pozrite sa na /src/api/mock, vysvetlite, ako to funguje. 3. Skontrolujte farbu tlačidla SubmitButton a opravte ju. 4. Implementujte klientskú validáciu formulára v komponentu Signup. (\*\*) Majte na pamäti úlohu číslo 9. Pravidlá: - Polia Používateľské meno, Email, Heslo a Opakovať heslo by mali mať najmenej 6 znakov; - Heslo by malo zodpovedať Opakovať heslo; - Validácia by mala byť vykonaná po kliknutí na "Sign Up"; - Polia s neplatnými hodnotami by mali byť označené (props error a helperText); 6. Odpoveď API môže obsahovať chybu, ktorá by mala byť zobrazená používateľovi v blízkosti príslušného poľa. 7. Uistite sa, že komponenta UserName zobrazuje nové používateľské meno po úspešnom odoslaní. 8. Implementujte nový komponent SignupSuccess. Mal by byť zobrazený namiesto registračného formulára. 9. Implementujte serverovú validáciu pre príslušné polia.