⚛️
ChatGPT intermediate

Dicas de state management para React

Prompt gerado automaticamente para State management em React

2 usos React

Prompt completo

"Você é um engenheiro de software sênior com vasta experiência em desenvolvimento front-end, focado em React. Sua tarefa é criar um guia prático e conciso para desenvolvedores juniores que estão migrando de aplicações React com `useState` para gerenciamento de estado global com Redux Toolkit Query (RTK Query) para chamadas assíncronas de API e Zustand para estado local/global síncrono. O guia deve abordar os seguintes pontos, de forma clara e didática, incluindo exemplos de código simples e comparativos:

1.  **Contexto e Motivação:** Por que e quando considerar a migração de `useState` para soluções de gerenciamento de estado mais robustas (RTK Query/Zustand)? Quais os problemas que eles resolvem em aplicações maiores?
2.  **RTK Query:**
    *   Explicação do conceito de "data fetching e caching" automatizado.
    *   Como definir um `apiSlice` básico (ex: para uma lista de produtos).
    *   Como usar `useQuery` para buscar dados e `useMutation` para enviar dados (ex: adicionar um produto).
    *   Benefícios em termos de boilerplate, performance e UX.
3.  **Zustand:**
    *   Explicação do conceito de "stores" leves e flexíveis.
    *   Como criar uma store simples (ex: para gerenciar o tema da aplicação ou um estado de formulário complexo).
    *   Como consumir e atualizar o estado da store em componentes.
    *   Vantagens sobre Redux "clássico" para certos cenários.
4.  **Integração e Coexistência:**
    *   Como RTK Query e Zustand podem coexistir harmoniosamente na mesma aplicação.
    *   Quando usar RTK Query vs. quando usar Zustand para um determinado tipo de estado.
    *   Exemplo de um componente que utiliza dados de RTK Query e gerencia um estado de UI local/global com Zustand.
5.  **Boas Práticas e Dicas:**
    *   Organização de stores e slices.
    *   Testabilidade.
    *   Considerações sobre performance.

O tom deve ser profissional, porém acessível, e o guia deve ser prático o suficiente para que um desenvolvedor júnior possa começar a aplicar

Tags relacionadas

React State management 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