react-web

Test-driven React development requires writing and running component or hook tests covering rendering, interactions, edge cases, and accessibility before implementing functional component logic. This prevents implementation from outpacing behavioral validation.

Use Zustand for global state management and React Query for server-state fetching and mutations. Apply local state first within your React components, then escalate to Zustand or React Query as your application's state requirements expand.

Structure a tested TypeScript React application by organizing functional components, explicit prop interfaces, reusable hooks, pages, services, and shared utilities. Require explicit prop types and disciplined project structure to ensure maintainability.

Yes, this React development workflow supports form validation and routing using React Hook Form with Zod for validation, and React Router with protected routes for navigation, ensuring accessible user interactions and structured page routing.

Test React web interfaces end-to-end using Playwright tests. The workflow requires writing component tests first to validate rendering and accessibility, then applying Playwright end-to-end tests to verify complete user interactions across protected routes.