𝗚𝗲𝘀𝘁ã𝗼 𝗱𝗲 𝗘𝘀𝘁𝗮𝗱𝗼 𝗻𝗼 𝗥𝗲𝗮𝗰𝘁: 𝗤𝘂𝗮𝗻𝗱𝗼 𝗨𝘀𝗮𝗿 𝗢 𝗤𝘂𝗲
Você começa um projeto React. Parece limpo. Então você enfrenta o prop drilling. Você passa dados por cinco camadas para chegar a um único botão.
Você se pergunta qual ferramenta usar. Context? Redux? Zustand? Muitas opções causam confusão.
useState é o seu bolso. Use-o para coisas pequenas.
- Melhor para dados locais.
- Exemplo: Dropdowns.
- Regra: Mantenha-o local.
Context é a geladeira da sua família. Todos a compartilham.
- Melhor para dados globais.
- Melhor para dados com baixa frequência de alteração.
- Exemplo: Login do usuário.
- Regra: Use para itens globais.
Zustand é um depósito. Ele lida com muitos dados.
- Melhor para dados complexos.
- Melhor para dados com alta frequência de alteração.
- Exemplo: Carrinhos de compras.
- Regra: Use para aplicativos pesados.
Comece com useState. Mude para Context quando o prop drilling começar a incomodar. Use Zustand para dados complexos ou lentidão.
Mantenha a simplicidade.
Fonte: https://dev.to/zeeshan_farooq_4ead3782d8/react-state-management-when-to-use-what-a-simple-guide-1cf1