react-best-practices

Reduce React re-renders by applying rules-based best practices that minimize rendering waste, such as optimizing component composition and managing state updates efficiently. This Skill codifies 47 rules across 8 categories to guide refactoring.

Avoid using useEffect when better alternatives exist for specific logic flows. This Skill provides concrete guidance identifying when not to use effects and recommends better data fetching or state management alternatives.

No, these React performance guidelines are explicitly filtered for client-only React + Vite applications. They do not cover Next.js or Server-Side Rendering (SSR) optimization scenarios.

Optimize React hooks by following codified rules that minimize unnecessary effects and re-renders. This Skill provides a rules-based approach to guide writing, reviewing, and refactoring hooks for maximum client-side rendering efficiency.

Optimize React bundle size by applying best practices adapted from Vercel Engineering's guidelines. This Skill includes specific rules for bundle optimization within client-only React applications to reduce overall rendering waste.