mirror of
https://github.com/github/awesome-copilot.git
synced 2026-04-11 18:55:55 +00:00
7f7b1b9b46
- Adds React 18 and 19 migration orchestration plugins - Introduces comprehensive upgrade toolkits for migrating legacy React 16/17 and 18 codebases to React 18.3.1 and 19, respectively. Each plugin bundles specialized agents and skills for exhaustive audit, dependency management, class/component API migration, test suite transformation, and batching regression fixes. - The React 18 toolkit targets class-component-heavy apps, ensures safe lifecycle and context transitions, resolves dependency blockers, and fully automates test migrations including Enzyme removal. The React 19 toolkit addresses breaking changes such as removal of legacy APIs, defaultProps on function components, and forwardRef, while enforcing a gated, memory-resumable migration pipeline. - Both plugins update documentation, plugin registries, and skill references to support reliable, repeatable enterprise-scale React migrations.
38 lines
1.9 KiB
Markdown
38 lines
1.9 KiB
Markdown
---
|
|
name: react19-source-patterns
|
|
description: 'Reference for React 19 source-file migration patterns, including API changes, ref handling, and context updates.'
|
|
---
|
|
|
|
# React 19 Source Migration Patterns
|
|
|
|
Reference for every source-file migration required for React 19.
|
|
|
|
## Quick Reference Table
|
|
|
|
| Pattern | Action | Reference |
|
|
|---|---|---|
|
|
| `ReactDOM.render(...)` | → `createRoot().render()` | See references/api-migrations.md |
|
|
| `ReactDOM.hydrate(...)` | → `hydrateRoot(...)` | See references/api-migrations.md |
|
|
| `unmountComponentAtNode` | → `root.unmount()` | Inline fix |
|
|
| `ReactDOM.findDOMNode` | → direct ref | Inline fix |
|
|
| `forwardRef(...)` wrapper | → ref as direct prop | See references/api-migrations.md |
|
|
| `Component.defaultProps = {}` | → ES6 default params | See references/api-migrations.md |
|
|
| `useRef()` no arg | → `useRef(null)` | Inline fix add `null` |
|
|
| Legacy Context | → `createContext` | [→ api-migrations.md#legacy-context](references/api-migrations.md#legacy-context) |
|
|
| String refs `this.refs.x` | → `createRef()` | [→ api-migrations.md#string-refs](references/api-migrations.md#string-refs) |
|
|
| `import React from 'react'` (unused) | Remove | Only if no `React.` usage in file |
|
|
|
|
## PropTypes Rule
|
|
|
|
Do **not** remove `.propTypes` assignments. The `prop-types` package still works as a standalone validator. React 19 only removes the built-in runtime checking from the React package the package itself remains valid.
|
|
|
|
Add this comment above any `.propTypes` block:
|
|
```jsx
|
|
// NOTE: React 19 no longer runs propTypes validation at runtime.
|
|
// PropTypes kept for documentation and IDE tooling only.
|
|
```
|
|
|
|
## Read the Reference
|
|
|
|
For full before/after code for each migration, read **`references/api-migrations.md`**. It contains the complete patterns including edge cases for `forwardRef` with `useImperativeHandle`, `defaultProps` null vs undefined behavior, and legacy context provider/consumer cross-file migrations.
|