frontend-engineer

Structure type-safe React components by separating server state management with TanStack Query and client state with Zustand. This approach ensures robust data fetching and predictable UI rendering using shared TypeScript schemas for API integration.

The best way to handle form validation in a React TypeScript app is combining react-hook-form with Zod. This pairing provides strict type-safe validation schemas that directly integrate with your form inputs to prevent runtime errors.

Yes, you can use Tailwind CSS to build accessible and responsive React components. It provides utility classes that enforce consistent design patterns while maintaining type-safe UI development standards across your web application.

Test React UI components using Vitest and React Testing Library by implementing pattern-based test suites. This ensures UI quality by validating component rendering, user interactions, and state changes within a type-safe TypeScript environment.

Yes, this React frontend architecture supports backend API integration through structured references and type-safe patterns. It uses shared schemas and rigorous validation to ensure reliable data fetching and seamless backend connectivity.

You need Zustand for managing client-side state and TanStack Query for handling asynchronous server data. Separating these concerns ensures scalable frontend architecture and optimizes React application performance.