react-patterns
Acerca de
Esta habilidad proporciona orientación experta sobre los últimos patrones de React 19, incluyendo Componentes del Servidor, Acciones y características concurrentes como useOptimistic y Suspense. Úsala para implementar arquitectura moderna de componentes, gestión de estado y optimización de rendimiento con TypeScript. Es ideal al construir con las capacidades más recientes de React 19 o al necesitar mejores prácticas para desarrollo complejo en React.
Instalación rápida
Claude Code
Recomendadonpx skills add ma1orek/replay -a claude-code/plugin add https://github.com/ma1orek/replaygit clone https://github.com/ma1orek/replay.git ~/.claude/skills/react-patternsCopia y pega este comando en Claude Code para instalar esta habilidad
Repositorio GitHub
Preguntas frecuentes
¿Qué es el Skill react-patterns?
react-patterns es un Skill de Claude creado por ma1orek. Los Skills agrupan instrucciones y recursos que Claude carga cuando los necesita para realizar tareas relacionadas con react-patterns sin indicaciones adicionales.
¿Cómo instalo react-patterns?
Usa los comandos de instalación de esta página: añade react-patterns a Claude Code como plugin o clona su repositorio en tu directorio de skills y reinicia Claude para cargarlo.
¿A qué categoría pertenece react-patterns?
react-patterns pertenece a la categoría Otro.
¿Se puede usar react-patterns gratis?
Sí. react-patterns aparece en AIMCP y se puede instalar gratis.
Habilidades relacionadas
Esta habilidad crea un widget de chatbot estilo ChatGPT listo para producción, diseñado para integración frontend. Incluye características críticas como protección contra re-renderizados infinitos, funcionalidad de "Preguntar a la IA" en selecciones de texto, e integración preparada con backends RAG y transmisión SSE. Úselo para implementar rápidamente una interfaz de chat probada en combate y monitoreada.
Esta habilidad genera un widget de chatbot estilo ChatGPT listo para producción, con soluciones integradas para problemas comunes del frontend. Ofrece protección contra renderizados infinitos, funcionalidad de "Preguntar a la IA" en selecciones de texto, y soporte integrado para backends de transmisión SSE y RAG. Úsala para implementar rápidamente una interfaz de chat monitoreada y de alto rendimiento en tu aplicación web.
Esta habilidad utiliza la CLI de Gemini para generar código de interfaz de usuario frontend a partir de descripciones de texto o imágenes. Se especializa en crear componentes de React con Tailwind CSS, lo que la hace ideal para convertir capturas de pantalla o conceptos de diseño en código funcional. Los desarrolladores deben usarla para prototipado rápido, asistencia en estilos y tareas de refactorización de código.
Esta habilidad genera documentación integral de TypeScript utilizando JSDoc y TypeDoc para múltiples audiencias. Crea documentación de API, registros de decisiones arquitectónicas (ADRs) y ejemplos específicos para frameworks como NestJS, Express, React, Angular y Vue. Úsala para documentar módulos, generar documentación de API o establecer patrones de documentación por capas.