react19-source-patterns

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

By github · 1,015 installs

npx skills add github/awesome-copilot --skill react19-source-patterns

Source repository · Upstream listing

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