Agentes de IA que entendem padrões React, hooks e melhores práticas modernas.
Detecte violações de hooks React, closures obsoletos e bugs de gerenciamento de estado.
Identifique re-renders desnecessários, memoização faltante e bundle inchado.
Garanta que componentes sejam acessíveis com ARIA e suporte a teclado adequados.
Valide padrões de componentes, props e melhores práticas de composição.
Aplique os padrões React da sua equipe. Exija uso específico de hooks, estruturas de componentes ou padrões de acessibilidade.
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