react-best-practices

SKILL.md

When working with React, always load both this skill and typescript-best-practices together. TypeScript patterns (type-first development, discriminated unions, Zod validation) apply to React code.

Effects let you "step outside" React to synchronize with external systems. Most component logic should NOT use Effects. Before writing an Effect, ask: "Is there a way to do this without an Effect?"

React remounts components in development to verify cleanup works. If you see effects firing twice, don't try to prevent it with refs:

Fournit des modèles React pour les hooks, les effets, les références et la conception de composants. Couvre les trappes d'évacuation, les anti-modèles et l'utilisation correcte des effets. Doit être utilisé lors de la lecture ou de l'écriture de composants React (fichiers .tsx, .jsx avec importations React). Source : 0xbigboss/claude-code.

Voir l'original