AI agents that understand React patterns, hooks, and modern best practices.
Catch React hooks violations, stale closures, and state management bugs.
Identify unnecessary re-renders, missing memoization, and bundle bloat.
Ensure components are accessible with proper ARIA and keyboard support.
Validate component patterns, props, and composition best practices.
Enforce your team's React patterns. Require specific hook usage, component structures, or accessibility standards.
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