domains / families / software-engineering / react-patterns

react-patterns

combined

React 19 performance patterns and composition architecture for Vite + Cloudflare projects. 50+ rules ranked by impact — eliminating waterfalls, bundle optimisation, re-render prevention, composition over boolean props, server/client boundaries, and React 19 APIs. Use when writing, reviewing, or refactoring React components. Triggers: 'react patterns', 'react review', 'react performance', 'optimise components', 'react best practices', 'composition patterns', 'why is it slow', 'reduce re-renders', 'fix waterfall'. Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.

When to use

• This skill is applicable to execute the workflow or actions described in the overview.

When not to use

• Use this skill only when the task clearly matches the scope described above.
• Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
• Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.

Skill page

Conflict

The two copies overlap on React composition and performance, but each contains material steps the other lacks. jezweb/claude-skills is a Vite + Cloudflare-specific performance checklist with concrete anti-waterfall and bundle-size rules, while sickn33/agentic-awesome-skills is a broader React principles guide covering state management selection, TypeScript, testing, error boundaries, and file structure. Crowning one would hide a real alternative.