React Frontend Skill

For React state management, use useState for local component state, useReducer for complex state logic, and Context for global state. TanStack Query is recommended for server state. This ensures effective separation of local and server data.

The best way to handle React forms is using React Hook Form for user input management and Zod for schema validation. This combination provides structured, validated, and maintainable form components.

TanStack Query works with React by handling API data fetching and mutations as server state. It provides caching and synchronization strategies, separating server data from local UI state for robust integration.

You need useMemo and useCallback for React performance optimization when preventing expensive recalculations or stabilizing function references. Use these alongside memo to avoid unnecessary component re-renders.

Yes, you can use Error Boundaries to handle errors in React components. They catch JavaScript errors in child component trees, preventing full application crashes and allowing graceful UI fallbacks.