Gestione dello state con Context
Context API, createContext, useContext, Provider pattern, context composition, performance
1Cos'è il Context API in React?
Cos'è il Context API in React?
Risposta
Context API è un meccanismo integrato in React che consente la condivisione di dati tra componenti senza passare esplicitamente le props ad ogni livello. Risolve il problema del prop drilling creando uno state globale accessibile da tutti i componenti discendenti. Context è particolarmente adatto per dati raramente modificati come tema, lingua o informazioni sull'utente autenticato.
2Quale funzione viene usata per creare un nuovo Context?
Quale funzione viene usata per creare un nuovo Context?
Risposta
La funzione createContext è il metodo nativo di React per inizializzare un nuovo contesto. Accetta un valore predefinito opzionale che verrà usato se un componente consuma il Context senza un Provider padre. Questa funzione restituisce un oggetto contenente Provider e Consumer, sebbene Consumer sia raramente usato con gli hook moderni.
3Quale hook viene usato per consumare un valore del Context?
Quale hook viene usato per consumare un valore del Context?
Risposta
Il hook useContext consente ai componenti figli di leggere il valore fornito dal Provider più vicino nell'albero dei componenti. Sostituisce la vecchia API Consumer e offre una sintassi più concisa e leggibile. Il componente si riabbona automaticamente alle modifiche del Context e si aggiorna di conseguenza.
Quale componente viene usato per fornire un valore a un Context?
Cosa succede se un componente usa useContext senza un Provider padre?
+15 domande da colloquio
Altri argomenti di colloquio React / Next.js
Fondamenti di JavaScript
Fondamenti di React
React Hooks
Ciclo di vita dei componenti
React Router
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