React Best Practices

This is a comprehensive reference guide for modern React and Next.js development, with a strong emphasis on the stuff that actually tanks performance in production. It covers ten categories ranked by priority, starting with component architecture and waterfall elimination (the real killers), then moving through bundle optimization, server components, and shadcn/ui patterns. The guide is opinionated about functional components, composition over inheritance, and gives concrete before/after code examples for each pattern. What I appreciate is the focus on waterfalls and bundle size as critical rather than medium concerns, because that's where most teams bleed users. Use this when writing new components, refactoring existing code, or doing code reviews where you need to point to specific patterns with examples.

Install to Claude Code

npx -y skills add dedalus-erp-pas/foundation-skills --skill react-best-practices --agent claude-code