Frontend React Best Practices

This is a comprehensive ruleset covering 33 React patterns you'll actually hit in production work. It's organized into six categories, with the bundle optimization section being especially practical. The barrel import rule alone (showing how `import { Check } from "lucide-react"` can cost you 200-800ms) is worth the price of admission. The re-render section is solid on functional setState and derived state patterns, though some rules like "don't useMemo simple expressions" feel obvious once you've been burned. The hydration and SSR guidance is specific enough to be useful. Good reference for code reviews or when you're chasing down why your component tree is re-rendering on every mouse move.

Install to Claude Code

npx -y skills add sergiodxa/agent-skills --skill frontend-react-best-practices --agent claude-code