react-patterns

React 19 Server Components allow rendering UI on the server, while the use() hook reads promises and context directly during render. This skill provides architectural patterns for implementing these concurrent features and modern component composition.

Handling forms in React 19 is best done using useFormState for async submissions and useOptimistic for immediate UI updates. This skill offers detailed examples and patterns for integrating these hooks to manage state and user feedback effectively.

The React Compiler automatically optimizes performance by memoizing components and hooks like useState and useRef without manual memoization. This skill explains how to leverage the compiler alongside core hooks for maximum rendering efficiency.

Yes, you can use TypeScript with React 19 Server Components and Actions to ensure type safety. This skill provides guidance on type-safe props, generic components, and event handling for modern TypeScript frontend development.

You should use Suspense in React 19 to handle loading states for asynchronous operations like data fetching with Server Components. This skill covers how to implement Suspense boundaries to manage concurrent rendering and optimize user experience.