Zustand State Management
Zustand store, create, selectors, actions, middleware, devtools, persistence
1¿Qué es Zustand?
¿Qué es Zustand?
Respuesta
Zustand es una biblioteca de state management minimalista para React que no requiere un Provider, a diferencia de Redux o Context API. Ofrece una API simple basada en hooks y la función create(), con un bundle size muy reducido (menos de 1KB). Zustand permite gestionar un estado global sin la complejidad arquitectónica de Redux, evitando al mismo tiempo los problemas de rendimiento del Context API.
2¿Cómo crear un store Zustand básico?
¿Cómo crear un store Zustand básico?
Respuesta
La función create() se utiliza para inicializar un store Zustand. Acepta una función callback que recibe set y get como parámetros, permitiendo definir el state inicial y las actions. El store devuelto es un hook React utilizable directamente en los componentes. Este enfoque elimina la necesidad de boilerplate como action creators o reducers de Redux.
3¿Cómo acceder al state de un store Zustand en un componente?
¿Cómo acceder al state de un store Zustand en un componente?
Respuesta
El store creado con create() retorna un hook React que se puede llamar directamente en los componentes funcionales. Este hook acepta un selector opcional para extraer solo la parte necesaria del state. Sin selector, retorna todo el state, pero esto puede causar re-renders innecesarios. El enfoque hook-first hace que Zustand sea muy intuitivo para los desarrolladores React modernos.
¿Cuál es el rol de un selector en Zustand?
¿Cómo evitar re-renders innecesarios con los selectors?
+15 preguntas de entrevista
Otros temas de entrevista React / Next.js
Fundamentos de JavaScript
Fundamentos de React
React Hooks
Ciclo de vida de los componentes
React Router
Gestión de estado con Context
Formularios y Controlled Components
Obtención de datos y API
React Query (TanStack Query)
Styling & CSS-in-JS
Fundamentos de Next.js
TypeScript con React
Data Fetching en Next.js
Server Actions de Next.js
Routing y Navegación en Next.js
API Routes de Next.js
Metadata & SEO en Next.js
Middleware y Auth en Next.js
Testing en React
Optimización de Rendimiento en React
Error Boundaries & Error Handling
Advanced React Patterns
Características avanzadas de Next.js
Despliegue y Producción de Next.js
Architecture & Design Patterns
React Server Components
Internacionalización de Next.js
React Security & Buenas Prácticas
Domina React / Next.js para tu próxima entrevista
Accede a todas las preguntas, flashcards, tests técnicos, ejercicios de code review y simuladores de entrevista.
Empieza gratis