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:

提供用于钩子、效果、引用和组件设计的 React 模式。涵盖逃生舱口、反模式和正确的效果使用。在读取或写入 React 组件（带有 React 导入的 .tsx、.jsx 文件）时必须使用。 来源：0xbigboss/claude-code。

查看原文