Ciclo di vita dei componenti
Mounting, updating, unmounting, useEffect cleanup, array delle dipendenze, lifecycle patterns
1Cos'è il mounting in un componente React?
Cos'è il mounting in un componente React?
Risposta
Il mounting è la fase in cui un componente viene creato e inserito nel DOM per la prima volta. Durante questa fase, React inizializza lo state, esegue il codice di costruzione e effettua il primo rendering. È il momento ideale per avviare chiamate API o inizializzare subscription tramite useEffect.
2Cos'è l'unmounting in un componente React?
Cos'è l'unmounting in un componente React?
Risposta
L'unmounting è la fase in cui un componente viene rimosso dal DOM e distrutto. Questa fase si verifica quando il componente non è più necessario, ad esempio durante un cambio di route o una condizione di rendering. È il momento critico per liberare le risorse: annullare i timer, chiudere le connessioni WebSocket e rimuovere gli event listener per evitare memory leak.
3Quando viene eseguita la funzione passata a useEffect per impostazione predefinita?
Quando viene eseguita la funzione passata a useEffect per impostazione predefinita?
Risposta
Per impostazione predefinita, useEffect viene eseguito dopo ogni rendering del componente, incluso il primo rendering e tutti i successivi re-rendering. Questa esecuzione asincrona consente di non bloccare l'interfaccia utente. Per controllare questo comportamento, è possibile utilizzare l'array delle dipendenze come secondo argomento per limitare le esecuzioni solo quando certi valori cambiano.
A cosa serve l'array delle dipendenze in useEffect?
Cosa significa passare un array vuoto [] come dipendenze a useEffect?
+15 domande da colloquio
Altri argomenti di colloquio React / Next.js
Fondamenti di JavaScript
Fondamenti di React
React Hooks
React Router
Gestione dello state con Context
Form e Controlled Components
Recupero dati e API
React Query (TanStack Query)
Styling & CSS-in-JS
Fondamentali di Next.js
TypeScript con React
Data Fetching in Next.js
Server Actions di Next.js
Routing e Navigazione in Next.js
API Routes di Next.js
Metadata & SEO in Next.js
Middleware e Auth in Next.js
Testing React
Zustand State Management
Ottimizzazione delle Performance React
Error Boundaries & Error Handling
Advanced React Patterns
Funzionalità avanzate di Next.js
Deploy e Produzione con Next.js
Architecture & Design Patterns
React Server Components
Internazionalizzazione di Next.js
React Sicurezza & Best Practices
Padroneggia React / Next.js per il tuo prossimo colloquio
Accedi a tutte le domande, flashcards, test tecnici, esercizi di code review e simulatori di colloquio.
Inizia gratis