React Best Practices Pair with TypeScript When working with React, always load both this skill and together. TypeScript patterns (type-first development, discriminated unions, Zod validation) apply to React code. Core Principle: Effects Are Escape Hatches 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?" Decision Tree 1. Need to respond to user interaction? Use event handler 2. Need computed value from props/state? Calculate during render 3. Need…