Rn State Management

React Native — Gerenciamento de Estado

Objetivo

Manter estado previsível, com fonte única da verdade e mínimo de re-render.

Quando utilizar

• Compartilhar estado entre telas/componentes.
• Criar store/slice de domínio e ações assíncronas.
• Decidir entre estado local, contexto ou store global.

Conhecimentos necessários

• Biblioteca de estado do projeto (ex.: Zustand, Redux Toolkit, Jotai) e padrão de slices.
• Selectors e comparação rasa para evitar re-render.
• Imutabilidade; atualização de estado apenas pela API do store.
• Integração estado → caso de uso.

Fluxo de execução

1. Escolha o escopo, do menor ao maior: local (useState) → contexto → store global.
2. Defina o tipo do slice (estado + ações) e o initialState.
3. Ações assíncronas chamam casos de uso e ramificam por resultado tipado.
4. Aplique o resultado com atualização imutável; sem mutação fora da API do store.
5. Consuma via selectors granulares; use comparação rasa para objetos/arrays.

Boas práticas

• Stores pequenas e por domínio; componha por slices.
• Selector no ponto de uso; nunca selecione o store inteiro.
• Estado derivado calculado com memo/selector, não duplicado.
• Reset explícito para initialState.

Armadilhas comuns

• Mutar estado diretamente.
• Guardar no global o que é local; estado duplicado/derivado.
• Chamar repositório/HTTP direto do store (use caso de uso).
• Re-render em excesso ao selecionar objetos instáveis sem comparação rasa.

Critérios de sucesso

• Fonte única da verdade; sem estado duplicado.
• Re-renders limitados ao que mudou.
• Ações assíncronas com loading/erro/sucesso tratados.
• Store coberto por testes.

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

• Author: cmaranho
• Source: cmaranho/rn-agent-skills
• License: MIT

Install and usage instructions live in the source repository linked above.