# frontend-patterns

> Patrones de código frontend de alta calidad

- Author: Administrator
- Repository: yostinflorez691-commits/rapido-ochoa-replica
- Version: 20260121171511
- Stars: 0
- Forks: 0
- Last Updated: 2026-02-06
- Source: https://github.com/yostinflorez691-commits/rapido-ochoa-replica
- Web: https://mule.run/skillshub/@@yostinflorez691-commits/rapido-ochoa-replica~frontend-patterns:20260121171511

---

---
name: frontend-patterns
description: Patrones de código frontend de alta calidad
---
# Frontend Patterns

## Componentes React
- Functional components con arrow functions
- Props tipadas con interfaces (no types)
- Destructurar props en parámetros
- Export default al final
- Un componente por archivo

## Estilos
- Tailwind CSS mobile-first
- cn() para clases condicionales
- CSS variables para design tokens
- Framer Motion para animaciones

## TypeScript
- Strict mode siempre
- Nunca any (usar unknown si necesario)
- Interfaces sobre types
- Generics cuando aplique

## Accesibilidad
- Semantic HTML obligatorio
- Alt text en imágenes
- ARIA labels donde necesario
- Focus visible
- Contraste WCAG AA