KI-Agenten, die React-Patterns, Hooks und moderne Best Practices verstehen.
Finden Sie React-Hooks-Verstöße, veraltete Closures und State-Management-Bugs.
Identifizieren Sie unnötige Re-Renders, fehlende Memoization und Bundle-Bloat.
Stellen Sie sicher, dass Komponenten mit korrektem ARIA und Keyboard-Support barrierefrei sind.
Validieren Sie Komponenten-Patterns, Props und Kompositions-Best-Practices.
Setzen Sie die React-Patterns Ihres Teams durch. Fordern Sie spezifische Hook-Nutzung, Komponenten-Strukturen oder 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