Skip to main content

react19-source-patterns

Reference for React 19 source-file migration patterns, including API changes, ref handling, and context updates.

Informations de source

Dépôt
github/awesome-copilot
Dernière activité de la source
9 avril 2026 à 05:18
Langue détectée de SKILL.md
anglais
Étoiles
40 063
Forks
5 129

Options d'installation

Le prompt qui vérifie d'abord la source est sélectionné par défaut. Vous pouvez passer à une commande directe ou télécharger une copie locale.

Vérifiez les fichiers source

Lisez SKILL.md et les fichiers associés affichés par SkillsMP avant de décider de l'installer.

Explorateur de fichiers
2 fichiers

Affichage de SKILL.md

SKILL.md
Instructions source · Aperçu en lecture seule
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.
Voir sur GitHub