ia-react-frontend

Prevent race conditions in React components by applying effect cleanup requirements, cancellation strategies, and dependency safety rules. Enforcing these patterns stops stale async results and remount timing mistakes that cause invalid UI state.

Structure React components with TypeScript by applying discriminated unions for props, null-safe context usage, and hooks patterns. Next.js App Router routing conventions are enforced alongside these typing rules to maintain disciplined component architecture.

React effects should be used by following an effect decision tree that checks dependency safety rules and cleanup requirements. This ensures state management discipline and prevents lifecycle cleanup gaps in production.

Test React components and hooks using Vitest and React Testing Library by following established patterns for component queries, hook testing, and mocking workflows. These testing standards ensure reliable validation of described behavior.

Yes, you can review existing React code for concurrency and state management bugs. The review process checks for race-class issues, lifecycle cleanup gaps, remount timing mistakes, and invalid UI state to prevent production failures.