Zustand State Management
Zustand store, create, selectors, actions, middleware, devtools, persistence
1O que é o Zustand?
O que é o Zustand?
Resposta
Zustand é uma biblioteca de state management minimalista para React que não requer um Provider, diferentemente do Redux ou Context API. Ela oferece uma API simples baseada em hooks e na função create(), com um bundle size muito reduzido (menos de 1KB). Zustand permite gerenciar um estado global sem a complexidade arquitetural do Redux, evitando ao mesmo tempo os problemas de performance do Context API.
2Como criar um store Zustand básico?
Como criar um store Zustand básico?
Resposta
A função create() é utilizada para inicializar um store Zustand. Ela aceita uma função callback que recebe set e get como parâmetros, permitindo definir o state inicial e as actions. O store retornado é um hook React utilizável diretamente nos componentes. Essa abordagem elimina a necessidade de boilerplate como action creators ou reducers do Redux.
3Como acessar o state de um store Zustand em um componente?
Como acessar o state de um store Zustand em um componente?
Resposta
O store criado com create() retorna um hook React que pode ser chamado diretamente em componentes funcionais. Esse hook aceita um selector opcional para extrair apenas a parte necessária do state. Sem selector, ele retorna todo o state, mas isso pode causar re-renders desnecessários. A abordagem hook-first torna o Zustand muito intuitivo para desenvolvedores React modernos.
Qual é o papel de um selector no Zustand?
Como evitar re-renders desnecessários com selectors?
+15 perguntas de entrevista
Outros temas de entrevista React / Next.js
Fundamentos de JavaScript
Fundamentos do React
React Hooks
Ciclo de vida dos componentes
React Router
Gerenciamento de estado com Context
Formulários e Controlled Components
Busca de dados e API
React Query (TanStack Query)
Styling & CSS-in-JS
Fundamentos do Next.js
TypeScript com React
Data Fetching no Next.js
Server Actions do Next.js
Roteamento e Navegação no Next.js
API Routes do Next.js
Metadata & SEO no Next.js
Middleware e Auth no Next.js
Testes em React
Otimização de Performance React
Error Boundaries & Error Handling
Advanced React Patterns
Recursos avançados do Next.js
Deploy e Produção com Next.js
Architecture & Design Patterns
React Server Components
Internacionalização do Next.js
React Security & Boas Práticas
Domine React / Next.js para sua proxima entrevista
Acesse todas as perguntas, flashcards, testes tecnicos, exercicios de code review e simuladores de entrevista.
Comece gratis