Zustand State Management
Zustand store, create, selectors, actions, middleware, devtools, persistence
1Cos'è Zustand?
Cos'è Zustand?
Risposta
Zustand è una libreria di state management minimalista per React che non richiede un Provider, a differenza di Redux o Context API. Offre un'API semplice basata su hooks e la funzione create(), con un bundle size molto ridotto (meno di 1KB). Zustand consente di gestire uno stato globale senza la complessità architetturale di Redux, evitando al contempo i problemi di performance della Context API.
2Come creare un store Zustand di base?
Come creare un store Zustand di base?
Risposta
La funzione create() viene utilizzata per inizializzare uno store Zustand. Accetta una funzione callback che riceve set e get come parametri, permettendo di definire lo state iniziale e le actions. Lo store restituito è un hook React utilizzabile direttamente nei componenti. Questo approccio elimina la necessità di boilerplate come action creators o reducers di Redux.
3Come accedere allo state di uno store Zustand in un componente?
Come accedere allo state di uno store Zustand in un componente?
Risposta
Lo store creato con create() restituisce un hook React che può essere chiamato direttamente nei componenti funzionali. Questo hook accetta un selector opzionale per estrarre solo la parte necessaria dello state. Senza selector, restituisce l'intero state, ma questo può causare re-render non necessari. L'approccio hook-first rende Zustand molto intuitivo per gli sviluppatori React moderni.
Qual è il ruolo di un selector in Zustand?
Come evitare re-render non necessari con i selector?
+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
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
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