skills.rest
luisgustavooliveira
luisgustavooliveiraCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

react19-source-patterns

Migrate React 18 source files to React 19 API patterns.

Updated Feb 27, 2026
Search Tags:#refactoring#API changes#React 19#context updates#migration patterns
One-click install
npx skills add https://github.com/luisgustavooliveira/skills --skill react19-source-patterns
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react19-source-patterns
Source: https://github.com/luisgustavooliveira/skills/tree/main/react19-source-patterns
Command: npx skills add https://github.com/luisgustavooliveira/skills --skill react19-source-patterns

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a comprehensive reference for all source-file migration patterns required for React 19, including API changes and context updates.

Core Features & Use Cases

  • API Migration Patterns: Detailed guidelines for updating APIs, such as ReactDOM to createRoot and useImperativeHandle ref handling.
  • Context Updates: Reference for the removal of Legacy Context API and transition to createContext.
  • PropTypes Rule: Instructions on keeping PropTypes for documentation and IDE tooling in React 19.
  • Quick Reference Table: Summary table for quick migration references.

Quick Start

Use the 'react19-source-patterns' skill to view the full reference for React 19 source-file migration patterns.

Frequently Asked Questions about react19-source-patterns

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I migrate source files from React 18 to React 19?▼

To migrate source files from React 18 to React 19, follow detailed reference patterns for API changes and context updates to ensure a smooth transition. This includes updating APIs like ReactDOM to createRoot and transitioning to createContext.

What API changes do I need to handle when upgrading to React 19?▼

React 19 API changes include migrating ReactDOM to createRoot and updating useImperativeHandle ref handling. The migration patterns provide specific guidelines for updating these APIs to align with the latest React version.

Does React 19 remove the Legacy Context API for context updates?▼

Yes, React 19 context updates involve the removal of the Legacy Context API. Developers must transition to using createContext to ensure source files comply with the latest React version requirements.

Can I keep using PropTypes in React 19 for IDE tooling?▼

Yes, you can keep PropTypes in React 19 for documentation and IDE tooling. The migration patterns include specific instructions on maintaining PropTypes while upgrading your source files to the latest version.

What is the best way to quickly find React 19 migration patterns for refactoring?▼

The best way to find React 19 migration patterns is to use a quick reference table summarizing API changes and refactoring patterns. This allows developers to quickly identify necessary source-file updates during the upgrade.

Do I need to update useImperativeHandle ref handling when migrating to React 19?▼

Yes, updating useImperativeHandle ref handling is required when migrating to React 19. The migration patterns provide detailed guidelines on adjusting ref handling to match the latest API changes.

Related Skills

Explore More Software Engineering Skills→
AngelP17AngelP17
1

react-modernization

Automate React 16/17 to 18 upgrades and class-to-hooks migration.

Community
Intermediate
luisgustavooliveiraluisgustavooliveira

react19-test-patterns

Refactor JavaScript/TypeScript test suites for React 19 compatibility.

Community
Intermediate
MatthieuszMatthieusz

coding-standards

Validate TypeScript code against predefined coding standards using static analysis tools.

Community
Advanced
hmzainjamilhmzainjamil
1

batch-processor

Processes large sets of office documents with parallel execution and checkpointed resume.

Community
Advanced