react

Build scalable React components by using functional components, feature-based organization, and typing props without React.FC. This approach enforces single responsibility and clear separation of concerns across your frontend project.

The best way to extract custom hooks in React 19 is by moving logic into useX hooks. This pattern isolates business logic from rendering, improving maintainability and reducing boilerplate in your functional components.

Manage state in React by using local state for UI, Zustand for global state, TanStack Query for server state, and URL state for routing. This ensures clear separation of concerns across data domains.

This React pattern guide supports concurrent features and Suspense. It provides guidelines for implementing React 19+ features like the use() hook and concurrent patterns for scalable frontend applications.

Test React components with Vitest by following the testing guidelines integrated alongside component architecture patterns. This ensures your functional components and custom hooks maintain robust coverage.