Frontend
Zložené komponenty + React Context → prenos formEntity cez poskytovateľa v rámci Form a jeho použitie v FormItem. Form obklopí svoje deti v FormContext.Provider a FormItem používa cloneElement na vloženie hodnoty a onChange do Input. Pasca: uistite sa, že FormItem odovzdáva názov aktualizačnému handleru. ```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 }), }); }; ```
Aký je rozdiel medzi direktívami v-if a v-show?
Ak deklarujete funkciu a potom premennú — bude k nej prístup vnútri funkcie? Vysvetli hoisting premenných a dočasnú mŕtvu zónu.
Ako by ste rozdelili stav servera a klienta?
Spomenuli ste razvoj knjižnice znovu uporabljivih komponent UI-kit temeljenih na Angular Material. Ali obstaja bistvena razlika med knjižničnimi komponentami in običajnimi večnamenskimi komponentami aplikacije? Česa se je mogoče odpovedati pri običajnih komponentah, a ne pri knjižničnih?
Poznáš pojem «akordeón»? Ako môžeš implementovať tento komponent bez JavaScriptu?
Ako je v Angular implementovaný princíp Dependency Inversion? Čo je InjectionToken?
Uveďte React hooky, s ktorými ste pracovali. Vysvetlite základný rozdiel medzi useState a useRef.
Môžete uviesť všetky technické spôsoby riešenia tohto problému (okrem výmeny poľa za signál)?
/* Čo sa zobrazí v konzole */ async function f() { console.log(1); const promise = new Promise((resolve) => { console.log(2); setTimeout(() => { console.log(3); resolve("hotovo!"); console.log(4); }); }); console.log(5); const result = await promise; console.log(6); console.log(result); return "Rezultat"; } f(); console.log(7);
V akom tíme pracujete a na akom projekte?
SSG sa generuje počas build, SSR počas požiadavky. Kedy čo použiť? Čo je ISR?
Prečo ste použili computed na filtrovanie tarifov, namiesto bežných premenných alebo funkcií?
Vyplňte maticu 5×5 jedinečnými náhodnými celými číslami od 0 do 1000.
Prečo sa chyby v funkcii any nemôžu pridávať cez push, ale je potrebné ich zapisovať podľa indexu?
Akými protokolmi komunikovala vaša aplikácia s backendom?
Získavaš nalogo: po 10-15 minutah dela stranica začne zelo upočasnjevati, treba jo je popraviti. Kakšni bodo tvoji prvi koraki?
Úloha: Vytvorte stránku s multifunkčnou tabuľkou kryptomien. Je potrebné sa pripojiť k API a zobraziť zoznam mincí v tabuľke. Minimálne požiadavky: Projekt vytvorený od nuly Len Typescript Pripojenie k API Zoradenie podľa hodnôt v stĺpci Vyhľadávanie podľa hodnôt v bunkách (funguje na princípe logického AND) Ďalšie úlohy: Vlastná stránkovanie Minimálne štýly (príjemný a uprataný vzhľad) Všeobecné vyhľadávanie podľa hodnôt vo všetkých bunkách Možnosť pevného umiestnenia stĺpcov
Máte pohotovostné služby (on-call) a ako sú organizované?
Kedy je potrebné použiť správcu stavu a kedy stačí lokálny stav alebo kontext?