Can it help with Error Boundaries in React 19?

Yes, it demonstrates how to implement standard class-based Error Boundaries and how to integrate the react-error-boundary library for better error handling.

Should I use React Actions or TanStack Query?

The skill provides a decision guide recommending React Actions for form-centric CRUD and SSR/RSC apps, while suggesting TanStack Query for complex SPA data flows and non-form mutations.

Does this cover the new 'use' hook?

Yes, it includes implementation patterns for unwrapping Promises and Context using the React 19 'use' hook in conjunction with Suspense and data primitives.

How does this skill help with the React Compiler?

It provides patterns for writing compiler-friendly, pure components and identifies when to use 'use no memo' for problematic code that cannot yet be optimized.

React 19 Patterns

Name: React 19 Patterns
Author: tianzecn

bytianzecn

•

デザインツール

Implements modern React 19 architectural patterns and optimizations including the React Compiler and Server Actions.

概要

This skill equips Claude with the latest React 19 best practices to help you build high-performance, future-proof web applications. It provides expert guidance on optimizing components for the React Compiler, managing state with new hooks like useActionState and useOptimistic, and making informed decisions between React Actions and TanStack Query for mutations. Whether you're refactoring legacy components or building new features from scratch, this skill ensures your code adheres to modern composition patterns and utilizes the latest React 19 primitives effectively.

主な機能

Standardized form handling and built-in validation patterns
1 GitHub stars
React Compiler optimization and performance tuning
Strategic decision logic for choosing between Actions and TanStack Query
Advanced component composition using Compound Component patterns
Server Action implementation with useActionState and useOptimistic

ユースケース

Optimizing component performance and verifying Compiler compatibility
Implementing complex form mutations with optimistic UI updates
Upgrading an existing React application to version 19

概要

主な機能

Standardized form handling and built-in validation patterns
1 GitHub stars
React Compiler optimization and performance tuning
Strategic decision logic for choosing between Actions and TanStack Query
Advanced component composition using Compound Component patterns
Server Action implementation with useActionState and useOptimistic

ユースケース

Optimizing component performance and verifying Compiler compatibility
Implementing complex form mutations with optimistic UI updates
Upgrading an existing React application to version 19