React Hooks
useState, useEffect, useContext, useRef, useCallback, useMemo, custom hooks
1Cos'è il hook useState in React?
Cos'è il hook useState in React?
Risposta
useState è un hook di React che gestisce lo stato locale in un componente funzionale. A differenza delle normali variabili JavaScript che vengono resettate ad ogni render, useState preserva il valore dello stato tra render successivi. Questo hook restituisce un array contenente il valore corrente dello stato e una funzione per aggiornarlo, attivando automaticamente un nuovo render del componente quando lo stato cambia.
2Qual è la sintassi corretta per dichiarare uno stato con useState?
Qual è la sintassi corretta per dichiarare uno stato con useState?
Risposta
La sintassi corretta usa la destrutturazione di array per estrarre il valore dello stato e la sua funzione di aggiornamento. Per convenzione, la funzione di aggiornamento è prefissata con 'set' seguito dal nome della variabile di stato in camelCase. Questa convenzione migliora la leggibilità del codice ed è ampiamente adottata nella comunità React. L'ordine degli elementi nell'array restituito da useState è sempre lo stesso: valore corrente prima, funzione di aggiornamento secondo.
3Cosa succede quando si chiama la funzione di aggiornamento di uno stato?
Cosa succede quando si chiama la funzione di aggiornamento di uno stato?
Risposta
Quando viene chiamata una funzione di aggiornamento dello stato, React pianifica un nuovo render del componente con il nuovo valore di stato. L'aggiornamento non è immediato ma asincrono, il che significa che il valore dello stato non viene modificato istantaneamente dopo la chiamata. React raggruppa più aggiornamenti di stato per ottimizzare le prestazioni ed evitare render inutili. Questa strategia di batching migliora significativamente le prestazioni dell'applicazione.
Come aggiornare uno stato basandosi sul suo valore precedente?
Si possono usare più useState nello stesso componente?
+19 domande da colloquio
Altri argomenti di colloquio React / Next.js
Fondamenti di JavaScript
Fondamenti di React
Ciclo di vita dei componenti
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