Prompt completo
Crie um guia detalhado e prático (passo a passo, com exemplos de código React funcionais e comentados) para um desenvolvedor júnior que precisa decidir entre usar a Context API ou o Redux em um novo projeto. O guia deve abordar os seguintes pontos: 1. **Cenários Ideais:** Para quais tipos de aplicação e complexidade de estado cada ferramenta é mais indicada? 2. **Vantagens e Desvantagens:** Uma análise comparativa clara de prós e contras de cada uma em termos de performance, curva de aprendizado, escalabilidade, depuração e tamanho do *boilerplate*. 3. **Exemplos Práticos:** * Um exemplo simples de gerenciamento de tema (claro/escuro) usando a Context API. * Um exemplo de gerenciamento de carrinho de compras (adicionar/remover itens, calcular total) usando Redux, incluindo *actions*, *reducers* e *selectors*. * Um breve exemplo de como a Context API pode ser usada em conjunto com `useReducer` para simular um fluxo Redux simplificado. 4. **Critérios de Decisão:** Uma lista de perguntas que o desenvolvedor deve se fazer para ajudar na escolha (ex: "Meu estado é global ou local?", "Preciso de *middleware* complexo?", "Qual o tamanho da minha equipe?"). 5. **Boas Práticas:** Dicas para otimizar o uso de cada ferramenta e evitar armadilhas comuns. O tom deve ser didático, encorajador e objetivo.
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 server-side rendering para React
Prompt gerado automaticamente para Server-side rendering em React
4 usos
ChatGPT
Melhores práticas de error boundaries para React
Prompt gerado automaticamente para Error boundaries em React
4 usos
ChatGPT
Melhores práticas de performance optimization para React
Prompt gerado automaticamente para Performance optimization em React
4 usos