react-19
Construye Aplicaciones Modernas con React 19
React 19 introduce Actions, Server Components y nuevos hooks que simplifican las operaciones asíncronas y mejoran la experiencia del desarrollador. Esta guía proporciona patrones completos para construir, asegurar y migrar aplicaciones React 19.
下載技能 ZIP
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
開啟並開始使用
測試它
正在使用「react-19」。 How do I create a form with automatic pending state in React 19?
預期結果:
- React 19 usa useActionState para formularios con seguimiento automático de estado pendiente.
- Importa useActionState de react y pasa una función asíncrona como acción.
- Usa el formAction devuelto en la propiedad action de tu formulario.
- Muestra isPending para indicar el estado de carga a los usuarios.
正在使用「react-19」。 How do I write a secure Server Action?
預期結果:
- Siempre autentica al usuario con getCurrentUser o similar.
- Valida todas las entradas con una biblioteca de esquemas como Zod.
- Verifica la autorización antes de realizar mutaciones.
- Devuelve errores claramente para fallos de validación de formulario.
正在使用「react-19」。 What are the breaking changes when migrating to React 19?
預期結果:
- ReactDOM.render es reemplazado por createRoot.
- PropTypes se elimina - usa TypeScript en su lugar.
- forwardRef está obsoleto - usa ref como una propiedad regular.
- useRef ahora requiere un argumento de valor inicial.
安全審計
安全Pure documentation skill containing only markdown files with React 19 guidance. All 526 static findings are FALSE POSITIVES. The 'Ruby/shell backtick execution' detections are markdown code block syntax. Environment variables, network calls, and credential patterns are educational examples demonstrating secure coding practices. No executable code, scripts, or malicious behavior exists.
風險因素
⚙️ 外部命令 (422)
🌐 網路存取 (18)
📁 檔案系統存取 (1)
⚡ 包含腳本 (1)
🔑 環境變數 (30)
品質評分
你能建構什麼
Aprende Patrones de React 19
Comprende nuevos hooks, Server Components y Actions a través de ejemplos detallados en la documentación.
Actualiza Aplicaciones React
Sigue guías de migración paso a paso de React 18 a React 19 con codemods.
Construye Server Actions
Crea mutaciones seguras del lado del servidor con autenticación, validación y revalidación.
試試這些提示
How do I create a form with useActionState in React 19? Show me the pattern for handling pending state and errors.
Show me how to use useOptimistic for instant UI updates that revert on error in React 19.
How do I write a secure Server Action in React 19 with authentication and input validation?
What are the key steps to migrate from React 18 to React 19? Include breaking changes and codemods.
最佳實務
- Siempre autentica y autoriza Server Actions - son puntos de acceso públicos por defecto
- Lee variables de ambiente dentro de funciones, no en el alcance del módulo, para prevenir exposición al bundle del cliente
- Valida todas las entradas del usuario con validación de esquemas como Zod antes de procesar en Server Actions
避免
- Pasar secretos o claves de API como props a Client Components
- Usar dangerouslySetInnerHTML sin sanitizar la entrada del usuario primero
- Omitir verificaciones de autenticación en Server Actions