React Best Practices

Triggers automatically after you edit TSX files to run through a quality checklist covering component structure, hooks usage, accessibility, and performance patterns. Built around Vercel's 64-rule React guide, organized by impact from critical (eliminating waterfalls, bundle optimization) down to micro-optimizations. The validation layer is smart enough to flag legacy CSS-in-JS libraries like styled-components or MUI and suggest migrating to shadcn with Tailwind. Honestly most useful for catching the medium-priority stuff you know you should do but forget in the moment, like hoisting static props or using functional setState. References the official React docs and supports common component directory structures out of the box.