Does it support the React Compiler?

Yes, it provides patterns that work seamlessly with the React Compiler while explaining when manual memoization via useMemo or useCallback is still necessary.

What new hooks are covered?

The skill includes implementation patterns for useActionState for form handling, useOptimistic for UI updates, useFormStatus for submission states, and the use() API for promises and context.

How does this skill help with React 19 migration?

It identifies deprecated APIs like forwardRef and ReactDOM.render, providing modern alternatives and code patterns required for React 19 compatibility.

Can it help with Next.js projects?

Yes, it is designed to be used in conjunction with the nextjs-15 skill to provide comprehensive support for the App Router and Server Actions.

React 19 Guide

Name: React 19 Guide
Author: Microck

byMicrock

•

開発者ツール

Implements React 19 patterns, manages breaking changes from version 18, and optimizes components for the React Compiler.

This skill provides specialized guidance for developing with React 19, focusing on the architectural shift toward server-first patterns and the new React Compiler. It assists developers in adopting new hooks like useActionState and useOptimistic, handling the transition from forwardRef to refs as props, and implementing native document metadata and asset preloading. It is an essential tool for teams migrating legacy React codebases or building modern, high-performance applications that leverage concurrent rendering and streamlined form management.

主な機能

01Implements React 19 hooks including useActionState, useOptimistic, and the use() API

02Automates migration from forwardRef to standard ref props and Context.Provider to direct Context usage

03Handles native document metadata for SEO and resource preloading for performance

04Assists with Form Actions and server-side integration via useFormStatus and Server Components

052 GitHub stars

06Provides guidance on React Compiler optimization and manual memoization escape hatches

ユースケース

01Optimizing application SEO and load times using built-in document metadata and resource preloading

02Migrating enterprise applications from React 18 to React 19 with minimal breaking changes

03Building high-performance forms using native Action states and optimistic UI updates

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add microck/opendots-microck react-19

For use in Claude.ai and ChatGPT

Download Skill