Labsco
github logo

react19-source-patterns

โœ“ Officialโ˜… 36,202

by github ยท part of github/awesome-copilot

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

๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅโœ“ VerifiedFreeQuick setup
๐Ÿงฉ One of 7 skills in the github/awesome-copilot package โ€” works on its own, and pairs well with its siblings.

This is the playbook your agent receives when the skill activates โ€” you don't need to read it to use the skill, but it's here to audit before installing.

React 19 Source Migration Patterns

Reference for every source-file migration required for React 19.

Quick Reference Table

PatternActionReference
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 refInline fix
forwardRef(...) wrapperโ†’ ref as direct propSee references/api-migrations.md
Component.defaultProps = {}โ†’ ES6 default paramsSee references/api-migrations.md
useRef() no argโ†’ useRef(null)Inline fix add null
Legacy Contextโ†’ createContextโ†’ api-migrations.md#legacy-context
String refs this.refs.xโ†’ createRef()โ†’ api-migrations.md#string-refs
import React from 'react' (unused)RemoveOnly 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:

// 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.