react-state-driven-ui

SKILL.md

Build predictable, testable React applications by treating UI as a pure projection of explicit state. This architectural pattern eliminates timing-dependent bugs, reduces cognitive overhead, and makes complex workflows manageable through clear state transitions and isolated side effects.

When to apply Use this skill when building features that require:

Technical approach Use this skill to design and implement UI behavior as a pure projection of state. Model behavior with reducer + events. Isolate side effects in React Query mutation callbacks.

Créez React UI en tant que projection de transitions d'état explicites à l'aide d'événements réducteurs +. À utiliser lors de la création de formulaires en plusieurs étapes, d'opérations asynchrones, d'états multi-composants, d'intégration de navigation, de mises à jour en temps réel ou de validation complexe. Élimine les bogues dépendants du timing grâce à des transitions d’état explicites et des effets secondaires isolés. Source : lucascmelo/agent-skills.

Voir l'original