⚛️
ChatGPT intermediate

Prompt para context api e redux em React

Prompt gerado automaticamente para Context API e Redux em React

2 usos React

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