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。

查看原文