Agentes de IA que entienden patrones React, hooks y mejores prácticas modernas.
Detecta violaciones de hooks React, closures obsoletos y bugs de gestión de estado.
Identifica re-renders innecesarios, memoización faltante y bundle inflado.
Asegura que los componentes sean accesibles con ARIA y soporte de teclado adecuados.
Valida patrones de componentes, props y mejores prácticas de composición.
Aplica los patrones React de tu equipo. Requiere uso específico de hooks, estructuras de componentes o estándares de accesibilidad.
rules:
- id: react_use_error_boundary
agent: bugs
title: Routes need error boundaries
description: All route components should
have error boundaries for resilience
importance: 8
match:
file_glob:
- 'app/**/page.tsx'
- 'pages/**/*.tsx'
checklist:
- Verify ErrorBoundary wraps component
- Check for error fallback UI
- Ensure errors are logged
tags:
- react
- reliability
- next-js