Blokkolja a CSSOM az oldal renderelését? Miért?
Frontend
Írja le a böngésző kritikus renderelési útját: az URL beírásától a címsorban a oldal megjelenítéséig. Beszéljen DNS-ről, TCP-ről, HTTP-ről, DOM építésről, CSSOM-ról, Render Tree-ről, Layout-ról és Paint-ről.
Mi az a reflow és repaint? Mi az a kényszerített reflow (kényszerített újrarajzolás)? Hogyan lehet optimalizálni a renderelést, hogy csökkentsük a kényszerített újrarajzolások számát?
Hogyan lehet elérni, hogy a makeBook függvény a várt 0 és 5 értékeket adja vissza két tucat helyett?
Milyen esetekben történik egy React komponens újrarajzolása (re-render)? Meséljen a reconciliation-ről (egyeztetés).
Hogyan lehet megoldani egy feladatot, amit örökléssel oldanak meg, alternatív módon? Mi az a kompozíció a TypeScript és React kontextusában?
Nézze meg a makeBook függvényt. Határozza meg, hogy a 20-21. sorokon (két kommentált sor) mit fog kiírni a konzol. Magyarázza el a függvény viselkedését.
Milyen tervezési mintákat és kódminőségi elveket használsz React/TypeScript fejlesztés során? Hogyan alkalmazod a SOLID elveket a frontend fejlesztésben?
Refaktoráld azt a komponenst, amely véletlenszámot (Promise-ból) és görgetési pozíciót jelenít meg. Találd meg a problémákat és javítsd ki.
Mi az a HOC (Felsőbb Rendű Komponensek)? Mire használják őket? Adj példákat HOC használatára a React-ben.
Mire használják a generikusokat a TypeScript-ben? Hogyan korlátozhatjuk a generikusokat bizonyos típusokra? Mi az a type narrowing és hogyan valósul meg?
Hogyan működik a Virtual DOM a Reactben? Hogyan határozza meg a React az operációk végrehajtási sorrendjét újrarendereléskor? Meséljen a React Fiberről és a ütemezőről (scheduler).
Mi az a CORS? Hogyan működik? Mi a különbség az egyszerű kérések (GET, POST) és az előzetes kérdések (preflight OPTIONS) között? Mit néz a CORS a kérés küldésekor?