ia-react-frontend

What problem does it solve?

It prevents fragile React implementations by enforcing clear component patterns, correct effect usage, safe concurrency handling, and reliable testing practices.

Core Features & Use Cases

• React + TypeScript component guidance: Props, children typing, discriminated unions, hooks patterns, and null-safe context usage.
• Effects and state discipline: Effect decision trees, dependency safety rules, cleanup requirements, and cancellation strategies.
• Race-class bug prevention & review checks: Identifies common production failure modes like lifecycle cleanup gaps, remount timing mistakes, stale async, and invalid UI state.
• Testing standards: Vitest + React Testing Library patterns for component, hook, and mocking workflows.

Quick Start

Ask the agent to review or implement your React component using App Router/Next.js conventions and explicitly verify effects, concurrency, and Vitest + RTL tests for the described behavior.