---
trigger: always_on
---

# Code Quality & React Best Practices

- **Legibilidad y Mantenimiento:** Priorizar código fácil de leer. Si hay múltiples enfoques para una solución, evaluar ventajas/desventajas antes de implementar.
- **Variables de Entorno:** Acceder mediante `import.meta.env`. Usar prefijo `VITE_` para públicas.
- **Rendimiento:** Evitar optimización prematura. Usar `useMemo` y `useCallback` solo con componentes `React.memo` o cálculos costosos demostrables. Usar `React.lazy` y `Suspense` para lazy loading en rutas.
- **Error Boundaries:** Cada módulo en `src/features/` debe exportar un Error Boundary a nivel de ruta para aislar fallos.