Componentes React Reutilizables
Arquitectura Frontend
El error del principiante en React/Vue es escribir componentes gigantes (‘Monolitos’). La clave es la Atomic Design: crear componentes pequeños, tontos y reutilizables que reciben datos por Props.
Separación de intereses
Este prompt te ayuda a separar la lógica (Hooks) de la presentación (UI).
PROMPT INTERACTIVO
Actúa como Senior Frontend Architect.
Crea un componente de [React/Vue] reutilizable para: [Elemento: ej. Tarjeta de Usuario / Modal].
Requisitos de Calidad:
1. Props Tipadas: Define la interfaz de las props (usando TypeScript o PropTypes).
2. Estilos: Usa [TailwindCSS / Styled Components / CSS Modules].
3. Accesibilidad: Incluye atributos ARIA necesarios.
4. Lógica separada: Si hay lógica compleja, extráela a un Custom Hook.
5. Storybook: Dame un ejemplo de cómo instanciar este componente con datos de prueba.
Autoría y colaboración técnica
Reparto de carga operativa
Miguel Ángel Navarro: 82%
Kanon System Arquitect: 18%