React 19 Development Guidelines

React 19 Compiler and Actions automate memoization and handle async operations, simplifying state updates. This Skill provides detailed code examples and best practices for integrating these features into your functional components to improve performance and reduce boilerplate.

Handling forms in React 19 utilizes useActionState for form state and useOptimistic for immediate UI updates. This Skill demonstrates implementation patterns using these new hooks alongside React Hook Form to create robust, type-safe form workflows.

TypeScript works seamlessly with the use() hook and custom hooks by enforcing type-safety across your functional components. This Skill outlines patterns for creating reusable custom hooks and leveraging declarative programming with strict typing.

Optimizing React performance involves techniques like React.memo, code splitting, and virtual lists, while Error Boundaries catch runtime errors in the component tree. This Skill provides implementation guidance for both to ensure robust application stability.

Common React anti-patterns include misusing useEffect for data synchronization and overcomplicating component logic. This Skill identifies frequent mistakes in functional components and provides corrective patterns like Compound Components and Render Props.