Blokuje CSSOM vykreslenie stránky? Prečo?
Frontend
Popíšte kritickú cestu vykresľovania prehliadača: od zadania URL do adresného riadku po vykreslenie stránky. Hovorte o DNS, TCP, HTTP, tvorbe DOM, CSSOM, Render Tree, Layout a Paint.
Čo je reflow a repaint? Čo je forced reflow (nútené prekrývanie)? Ako môžeme optimalizovať rendering, aby sme znížili počet nútených prekrývaní?
V ktorých prípadoch dochádza k pre-renderovaniu (re-render) komponentu v React? Porozprávajte o reconciliation (zhode).
Ako zabezpečiť, aby funkcia makeBook vracala očakávané hodnoty 0 a 5 namiesto dvoch desiatok?
Ako je mogoče rešiti nalogo, ki jo rešuje dedovanje, na alternativen način? Kaj je kompozicija v kontekstu TypeScript in React?
Pozrite si funkciu makeBook. Určite, čo sa vypíše do konzoly na riadkoch 20-21 (dva komentované riadky). Vysvetlite správanie funkcie.
Aké vzory návrhu a princípy kvality kódu používate pri vývoji na React/TypeScript? Ako uplatňujete princípy SOLID vo frontendovom vývoji?
Refaktorujte komponent, ktorý zobrazuje náhodné číslo (z Promise) a pozíciu posúvania. Nájdite problémy a ich opravte.
Čo sú HOC (Vyššie poriadkové komponenty)? Na čo sa používajú? Uveďte príklady použitia HOC v React.
Na čo sa v TypeScript používa generika? Ako obmedziť generik na určité typy? Čo je to type narrowing a ako sa realizuje?
Ako funguje Virtual DOM v Reacte? Ako React určuje poradie vykonávania operácií pri opätovnom vykreslení? Porozprávajte o React Fiber a plánovači (scheduler).
Čo je CORS? Ako funguje? Aký je rozdiel medzi jednoduchými požiadavkami (GET, POST) a predbežnými požiadavkami (OPTIONS)? Čo kontroluje CORS pri odosielaní požiadavky?