Descrieți drumul critic al randării browserului: de la introducerea URL-ului în bara de adrese până la redarea paginii. Vorbiți despre DNS, TCP, HTTP, construcția DOM, CSSOM, Render Tree, Layout și Paint.
Frontend
CSSOM blochează redarea paginii? De ce?
Ce este reflow și repaint? Ce este un reflow forțat (re-redesenare forțată)? Cum se poate optimiza randarea pentru a reduce numărul de re-redesenări forțate?
În ce cazuri are loc re-renderizarea (re-render) a unui component în React? Vorbește despre reconciliation (reconciliere).
Cum să faci ca funcția makeBook să returneze valorile așteptate 0 și 5 în loc de două zeci?
Cum se poate rezolva o problemă rezolvată prin moștenire într-un mod alternativ? Ce este compoziția în contextul TypeScript și React?
Uitați-vă la funcția makeBook. Determinați ce va fi afișat în consolă la liniile 20-21 (două linii comentate). Explicați comportamentul funcției.
Ce modele de proiectare și principii de calitate a codului folosești în dezvoltarea cu React/TypeScript? Cum aplici principiile SOLID în dezvoltarea frontend?
Refactorizați componenta care afișează un număr aleatoriu (din Promise) și poziția de derulare. Găsiți problemele și corectați-le.
Ce sunt HOC (Componente de Ordonare Superioară)? Pentru ce sunt folosite? Oferiți exemple de utilizare a HOC în React.
La ce sunt folosiți genericele în TypeScript? Cum se limitează un generic la anumite tipuri? Ce este limitarea tipului (type narrowing) și cum se realizează?
Cum funcționează Virtual DOM în React? Cum determină React ordinea operațiilor în timpul re-redării? Vorbește despre React Fiber și planificator (scheduler).
Ce este CORS? Cum funcționează? Care este diferența dintre cererile simple (GET, POST) și cererile preflight (OPTIONS)? La ce se uită CORS când trimite o cerere?