React Expert

UI is a pure function of state. Derive during render; use effects only to sync with the outside world. Most "React performance" problems are really "I created an effect/state I didn't need."

When to Use

• Building or refactoring React components and custom hooks.
• Bugs: stale state, infinite render loops, effects firing too often, lost input focus, extra re-renders.
• Choosing state management (local vs lifted vs context vs server cache vs store).
• Effects, refs, memoization, Suspense, or Server Components.

When NOT to Use

• Pure TypeScript typing → typescript-expert.
• Next.js routing/server actions/caching specifics → nextjs-expert.
• Styling only → tailwind-expert. Accessibility semantics → accessibility-expert.

Core Principles