react-patterns

To choose the right state management solution, evaluate your application's complexity. This Skill guides you through selecting appropriate state management strategies based on varying complexity levels to ensure scalable and maintainable React structures.

Compound components are a composition technique allowing multiple components to implicitly share state. You should use them to build flexible, reusable UI structures, and this Skill explains their concepts compared against render props and custom hooks.

To optimize React performance, you must identify and fix rendering bottlenecks using targeted strategies. This Skill covers performance optimization techniques to help developers build highly performant production-ready applications by addressing common bottlenecks.

Yes, this React guidance covers new React 19 features, including an overview of new hooks and compiler benefits. It helps developers understand and apply the latest framework updates for building modern, production-ready applications.

Common React anti-patterns to avoid include poor component design and improper hook extraction. This Skill outlines these frequent pitfalls to help developers build robust applications by steering clear of established anti-patterns during development.

Writing TypeScript types for React props involves applying specific typing strategies to ensure strict safety. This Skill provides TypeScript best practices for typing props and common types, helping you build robust production-ready applications.