MCP HubMCP Hub
Volver a habilidades

react-patterns

ma1orek
Actualizado 3 days ago
4 vistas
1
1
Ver en GitHub
Otroreactreact-19typescriptjavascriptjsxtsxhooksserver-componentsactionssuspenseconcurrent-renderingreact-compileruse-optimisticform-actions

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

Recomendado
Principal
npx skills add ma1orek/replay -a claude-code
Comando PluginAlternativo
/plugin add https://github.com/ma1orek/replay
Git CloneAlternativo
git clone https://github.com/ma1orek/replay.git ~/.claude/skills/react-patterns

Copia y pega este comando en Claude Code para instalar esta habilidad

Repositorio GitHub

ma1orek/replay
Ruta: .kiro/skills/react-patterns
0

Habilidades relacionadas

chatbot-widget-creator

Otro

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.

Ver habilidad

chatbot-widget-creator

Otro

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.

Ver habilidad

react-patterns

Otro

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 arquitectura de componentes, gestión de estado, optimización de rendimiento e implementación de desarrollo moderno con TypeScript. Es tu recurso de referencia para cualquier pregunta de desarrollo en React 19 o revisión de código.

Ver habilidad

typescript-docs

Otro

Esta habilidad genera documentación exhaustiva en TypeScript utilizando JSDoc y TypeDoc para referencias de API, registros de decisiones arquitectónicas (ADRs) y ejemplos específicos de frameworks. Úsala para documentar módulos automáticamente, crear documentación multicapa para diferentes audiencias o configurar documentación para proyectos que utilicen NestJS, Express, React, Angular o Vue.

Ver habilidad