React 19 Development Guidelines

What problem does it solve?

This Skill provides comprehensive guidance and best practices for developing modern React applications, specifically leveraging the new features introduced in React 19, such as the React Compiler, Actions, and new Hooks.

Core Features & Use Cases

• React 19 Features: Detailed explanations and code examples for React Compiler, Actions, useOptimistic, and use() hook.
• Hooks Best Practices: Demonstrates correct usage of useState, useEffect, useRef, useContext, useReducer, and useTransition.
• Custom Hooks: Pattern for creating reusable custom hooks.
• Form Handling: Examples using useActionState and React Hook Form.
• Performance Optimization: Techniques like React.memo, code splitting, and virtual lists.
• Error Handling: Implementation of Error Boundaries.
• Common Patterns: Compound Components and Render Props.
• Anti-Patterns: Common mistakes to avoid in React development.
• Testing: Basic example using React Testing Library.

Quick Start

Follow the React 19 Development Guidelines to build a new component using functional components and TypeScript.