Prompt completo
Você é um desenvolvedor sênior em React, com vasta experiência em arquiteturas de estado complexas. Sua tarefa é criar um guia pr interativo e didático para desenvolvedores juniores que estão migrando de Redux para Context API e `useReducer` em aplicações React. O guia deve abordar os seguintes pontos, de forma clara e prática, com exemplos de código concisos e comparativos: 1. **Motivações para a migração:** Quais cenários justificam a troca de Redux por Context API + `useReducer`? (Ex: menor boilerplate, simplicidade para estados locais/semi-globais, etc.) 2. **Mapeamento de conceitos:** Como os conceitos-chave do Redux (Store, Reducers, Actions, Selectors, Middleware) se traduzem para Context API + `useReducer`? * **Store:** Como é simulada? * **Reducers:** Como são implementados com `useReducer`? * **Actions:** Como são disparadas? * **Selectors:** Como otimizar o consumo de contexto para evitar re-renderizações desnecessárias? (Ex: separando contextos, memoização com `useMemo` e `useCallback`). * **Middleware:** Como lidar com efeitos colaterais e assincronicidade sem Redux Thunk ou Saga? (Ex: usando `useEffect` dentro de componentes ou criando *custom hooks* para encapsular lógica assíncrona). 3. **Padrões de design:** * **Separação de Contextos:** Como evitar um "Contexto Monolítico" e organizar o estado da aplicação em contextos menores e mais gerenciáveis? * **Provider Pattern:** Como estruturar os provedores para otimizar o desempenho e a legibilidade? * **Consumo Otimizado:** Técnicas para consumir apenas as partes necessárias do contexto, minimizando re-renders. 4. **Limitações e Quando Usar Redux (ainda):** Quais cenários *ainda* justificam o uso de Redux (ou outras bibliotecas como Zustand, Jotai)? (Ex: DevTools robustos, ecossistema maduro, escalabilidade para estados globais muito complexos, sincronização com backend, etc.). 5. **Exemplo Pr
Tags relacionadas
React
Context API e Redux
gerado-automaticamente
Como usar este prompt
1
Clique no botão "Copiar" para copiar o prompt para sua área de transferência
2
Acesse sua ferramenta de IA preferida (ChatGPT, ChatGPT, Claude, etc.)
3
Cole o prompt e adapte conforme necessário para seu contexto específico
Outros prompts de React
ChatGPT
Melhores práticas de performance optimization para React
Prompt gerado automaticamente para Performance optimization em React
4 usos
ChatGPT
Melhores práticas de context api e redux para React
Prompt gerado automaticamente para Context API e Redux em React
4 usos
ChatGPT
Melhores práticas de error boundaries para React
Prompt gerado automaticamente para Error boundaries em React
4 usos