Il CSSOM blocca il rendering della pagina? Perché?
Frontend
Descrivi il percorso critico del rendering del browser: dall'inserimento dell'URL nella barra degli indirizzi fino al rendering della pagina. Parla di DNS, TCP, HTTP, costruzione del DOM, CSSOM, Render Tree, Layout e Paint.
Cos'è il reflow e il repaint? Cos'è un reflow forzato (ridisegno forzato)? Come si può ottimizzare il rendering per ridurre il numero di ridisegni forzati?
In quali casi avviene il re-render di un componente in React? Parla di reconciliation (riconciliazione).
Come fare in modo che la funzione makeBook restituisca i valori attesi 0 e 5 invece di due decine?
Come si può risolvere un problema risolto tramite ereditarietà in modo alternativo? Cos'è la composizione nel contesto di TypeScript e React?
Guarda la funzione makeBook. Determina cosa verrà visualizzato nella console alle righe 20-21 (due righe commentate). Spiega il comportamento della funzione.
Quali pattern di progettazione e principi di qualità del codice utilizzi nello sviluppo con React/TypeScript? Come applichi i principi SOLID nello sviluppo frontend?
Refactorizza il componente che rende un numero casuale (da Promise) e la posizione dello scroll. Trova i problemi e correggili.
Cosa sono gli HOC (Componenti di Ordine Superiore)? A cosa servono? Fornisci esempi di utilizzo degli HOC in React.
A cosa servono i generici in TypeScript? Come limitare un generico a tipi specifici? Cos'è il narrowing dei tipi e come viene implementato?
Come funziona il Virtual DOM in React? Come React determina l'ordine di esecuzione delle operazioni durante il re-render? Racconta di React Fiber e dello scheduler.
Cos'è CORS? Come funziona? Qual è la differenza tra richieste semplici (GET, POST) e richieste preflight (OPTIONS)? Cosa controlla CORS quando invia una richiesta?