Zustand

frontend-patterns é uma skill prática para desenvolvimento frontend com React e Next.js, ajudando você a escolher padrões sustentáveis para componentes, estado, formulários, roteamento, acessibilidade e performance. Use o guia frontend-patterns quando precisar de orientação clara de implementação e seleção de padrões, e não apenas de boas práticas genéricas.

O skill click-path-audit ajuda a rastrear handlers de UI por cada mudança de estado para identificar bugs de sequência, colisões de estado compartilhado e divergências de estado final após refatorações ou durante code review.

react-state-management é uma skill prática para escolher e usar ferramentas de estado no React, como Redux Toolkit, Zustand, Jotai, React Query, SWR e RTK Query, com base no tipo de estado, na escala da aplicação e nas necessidades de migração.

zustand-store-ts é uma skill de Zustand voltada para TypeScript, criada para construir stores tipadas com `subscribeWithSelector`, separação entre estado e ações e uso baseado em selectors. É uma boa opção para Frontend Development quando você precisa de estado compartilhado previsível, fronteiras mais limpas para a store e um guia repetível de zustand-store-ts para apps em React.

react-flow-node-ts é uma skill inicial prática para criar nós personalizados do React Flow com TypeScript, dados de nó tipados, handles e atualizações com Zustand. Use-a em Frontend Development quando precisar de um guia repetível de react-flow-node-ts para editores de fluxo, construtores visuais ou interfaces baseadas em canvas.

react-web é um guia de workflow frontend em React para criar componentes e páginas com hooks, React Query e Zustand. A skill react-web enfatiza desenvolvimento orientado a testes, ordem clara dos arquivos e uso prático para desenvolvimento web em React em apps com forte foco em componentes.