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