react-expert

Structure React components by favoring composition over inheritance and extracting reusable logic into custom hooks. This approach ensures clean file organization and scalable component architecture for modern React 18+ applications.

Use React Query to manage server state while relying on Zustand or Jotai for client-side global state. This separation of concerns optimizes data fetching and application performance in modern React projects.

Write user-centric tests for React components using Vitest combined with React Testing Library. This testing strategy focuses on user interactions rather than implementation details to ensure maintainable code.

Yes, you can use Zustand or Jotai for global state management in React 18. They are recommended for handling client-side state, complementing React Query which manages server state for robust performance patterns.

Scaffold a modern React component by applying strict TypeScript typings alongside custom hooks and composition patterns. This ensures type safety and clean project structure for scalable architecture.