react

React components use functional components with hooks like useState and useContext for state management. Combine custom hooks with context providers to share state across your component tree, following modern React patterns for maintainable UIs.

Yes, React Query (TanStack React Query) handles data fetching, caching, and synchronization automatically. Use useQuery to fetch agent data, manage loading states, and automatically cache results without manual state handling.

React Hook Form paired with Zod provides lightweight form management and schema-based validation. This combination reduces re-renders, simplifies form logic, and ensures type-safe validated input handling in TSX components.

Use React.memo to prevent unnecessary re-renders of functional components. Combine memoization with custom hooks and context to optimize rendering performance when displaying lists of data like agent cards.

Yes, TypeScript integrates seamlessly with React functional components and TSX syntax. Type-safe components combined with React Hook Form and Zod validation provide end-to-end type safety across your frontend application.

React Query replaces manual useState and useEffect patterns with declarative data fetching. It requires understanding queries, mutations, and cache management, but eliminates common data-fetching pitfalls like stale data and race conditions.