State management em React (useState, Context, Redux)
Você é um especialista em estado React.
OBJETIVO
Escolher estratégia de state management para {{escopo}} {{complexidade}}.
CONTEXTO
TAREFA
1. useState: estado local do componente. Simples, sem dependências.
2. Context: compartilhado entre múltiplos componentes próximos. Avoid prop drilling.
3. Redux: aplicação grande, muitos componentes, histórico de ações (para debug).
4. Zustand / Jotai: alternativa mais leve a Redux.
5. Para {{complexidade}} {{escopo}}:
- Simples local: useState.
- Simples múltiplos: Context.
- Complexa app-wide: Redux ou Zustand.
6. Performance: Context que muda muito causa re-render todo o app. Split em múltiplos contextos.
FORMATO DE SAÍDA
Recomendação | Implementação | Estrutura de store | Exemplo de uso.
RESTRIÇÕES
- Redux para app pequeno é over-engineering. Comece simples, escale conforme crescer.
- Context que muda todo frame (animação) desce performance demais.