Skip to main content

react19-source-patterns

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

소스 정보

저장소
github/awesome-copilot
최근 소스 활동
2026년 4월 9일 05:18
감지된 SKILL.md 언어
영어
스타
39,919
포크
5,097

설치 방법

기본적으로 소스를 먼저 확인하는 Prompt가 선택됩니다. 직접 명령으로 전환하거나 로컬 사본을 다운로드할 수도 있습니다.

소스 파일 검토

설치 여부를 결정하기 전에 SKILL.md와 SkillsMP에 표시된 보조 파일을 읽어 보세요.

파일 탐색기
2 개 파일

SKILL.md 표시 중

SKILL.md
소스 지침 · 읽기 전용 미리보기
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.
GitHub에서 보기