Frontend

V čem se liší kontrolované a nekontrolované komponenty v Reactu? V jakých případech je lepší používat nekontrolované komponenty?

Určete pořadí výstupu do konzole pro kód s použitím async/await a setTimeout.

Vývojář obdrží po přihlášení JWT token. Co s ním má dělat? Kde je lepší token uložit — v localStorage nebo v cookie? Jak uložit token do cookie?

Bude se komponent znovu vykreslovat, pokud nemá props?

Představte si, že od backendu nedostáváte ID. Jak byste si s tím poradili?

Jak zabezpečit funkci sumy, pokud může backend poslat nesprávná data (undefined, řetězce místo čísel)?

Existuje pole uživatelů, které se zobrazuje přes map. Kde je chyba a čeho chybí?

Proč je správce stavu (například Redux) lepší než jednoduše rozdělené kontexty?

Existují dva komponenty: App a Child. Child je uvnitř App a je obalen v memo. V App je objekt user, který je předáván do Child jako prop, a tlačítko, které mění count. Co se stane při kliknutí na tlačítko? Jak zabránit tomu, aby se Child znovu renderoval?

Určete pořadí výstupu do konzole pro kód s použitím setTimeout a Promise (úkol na Event Loop).

Všechno je správně nastaveno: backend nastavil HTTP-only cookie. Ale při aktualizaci stránky cookie zmizí. V čem může být problém?

Proč jsou RTK Query nebo React Query lepší než obyčejný fetch pro požadavky? Jak frontend pozná, kdy je třeba aktualizovat data?

Úloha Two Sum: daný je pole čísel a cílové číslo target. Najděte indexy dvou čísel, jejichž součet je roven targetu. Jaká je složitost vašeho řešení?

Tabulková data přicházejí z backendu ve formě pole objektů. Napište funkci pro výpočet součtu pole amount.

S jakými problémy se setká začínající vývojář, který vytvořil jeden velký useContext pro celou aplikaci a používá ho ve všech komponentách? Jaké nástroje mohou pomoci tuto problém vyřešit?

Jak zacházet s funkcí, která je předávána jako prop do dětského komponentu, aby se předešlo zbytečným rerenderům?

Na co vlastně v seznamu v Reactu slouží klíč (key)?