Blokuje CSSOM vykreslení stránky? Proč?
Frontend
Popište kritickou cestu vykreslování prohlížeče: od zadání URL do adresního řádku až po vykreslení stránky. Mluvte o DNS, TCP, HTTP, tvorbě DOM, CSSOM, Render Tree, Layout a Paint.
Co je to reflow a repaint? Co je to forced reflow (vynucené překreslení)? Jak lze optimalizovat rendering, aby se snížil počet vynucených překreslení?
Za jakých okolností dochází k přerenderování (re-render) komponenty v Reactu? Povídejte o reconciliation (souladu).
Jak zajistit, aby funkce makeBook vracela očekávané hodnoty 0 a 5 místo dvou desítek?
Jak lze řešit úlohu, kterou řeší dědičnost, alternativním způsobem? Co je to kompozice v kontextu TypeScript a React?
Podívejte se na funkci makeBook. Určete, co se vypíše do konzole na řádcích 20-21 (dvě komentované řádky). Vysvětlete chování funkce.
Jaké vzory návrhu a principy kvality kódu používáte při vývoji na React/TypeScript? Jak uplatňujete principy SOLID ve frontendovém vývoji?
Refaktorujte komponentu, která zobrazuje náhodné číslo (z Promise) a pozici posuvníku. Najděte problémy a opravte je.
Co jsou HOC (Vyšší řádové komponenty)? K čemu se používají? Uveďte příklady použití HOC v Reactu.
Na co se v TypeScriptu používají generika? Jak omezit generikum na určité typy? Co je to type narrowing a jak se realizuje?
Jak funguje Virtual DOM v Reactu? Jak React určuje pořadí prováděných operací při znovu-renderování? Povězte o React Fiber a plánovači (scheduler).
Co je to CORS? Jak funguje? Jaký je rozdíl mezi jednoduchými požadavky (GET, POST) a předběžnými požadavky (OPTIONS)? Na co se dívá CORS při odesílání požadavku?