react19-source-patterns

Referencia para patrones de migración de archivos fuente de React 19, incluyendo cambios en la API, manejo de refs y actualizaciones de contexto.

npx skills add https://github.com/github/awesome-copilot --skill react19-source-patterns

Descargar ZIP GitHub

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
String refs `this.refs.x`	→ `createRef()`	→ 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:

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

Más skills de github

console-rendering

Instrucciones para usar el sistema de renderizado en consola basado en etiquetas de struct en Go

acquire-codebase-knowledge

Usa esta habilidad cuando el usuario solicite explícitamente mapear, documentar o incorporarse a un código base existente. Actívala para indicaciones como "mapea este código base", "documenta…

acreadiness-assess

Run the AgentRC readiness assessment on the current repository and produce a static HTML dashboard at reports/index.html. Wraps `npx github:microsoft/agentrc…

acreadiness-generate-instructions

Genera archivos de instrucciones de agente de IA personalizados mediante el comando de instrucciones de AgentRC. Produce .github/copilot-instructions.md (por defecto, recomendado para Copilot en VS…)

acreadiness-policy

Ayudar al usuario a seleccionar, redactar o aplicar una política de AgentRC. Las políticas personalizan la puntuación de readiness desactivando comprobaciones irrelevantes, anulando impacto/nivel, estableciendo…

add-educational-comments

Añade comentarios educativos a archivos de código para convertirlos en recursos de aprendizaje efectivos. Adapta la profundidad y el tono de las explicaciones a tres niveles de conocimiento configurables: principiante, intermedio y avanzado. Solicita automáticamente un archivo si no se proporciona ninguno, con una lista numerada para una selección rápida. Expande los archivos hasta un 125% utilizando solo comentarios educativos (límite estricto: 400 líneas nuevas; 300 para archivos de más de 1,000 líneas). Conserva la codificación del archivo, el estilo de sangría, la corrección sintáctica y...

adobe-illustrator-scripting

Escribir, depurar y optimizar scripts de automatización de Adobe Illustrator usando ExtendScript (JavaScript/JSX). Úselo al crear o modificar scripts que manipulen…

agent-governance

Políticas declarativas, clasificación de intenciones y registros de auditoría para controlar el acceso y comportamiento de herramientas de agentes de IA. Las políticas de gobernanza componibles definen herramientas permitidas/bloqueadas, filtros de contenido, límites de velocidad y requisitos de aprobación, almacenados como configuración, no como código. La clasificación semántica de intenciones detecta indicaciones peligrosas (exfiltración de datos, escalada de privilegios, inyección de indicaciones) antes de la ejecución de herramientas mediante señales basadas en patrones. El decorador de gobernanza a nivel de herramienta aplica políticas en funciones...