react-components

To structure a React component, this guide enforces functional components with hooks, defines clear naming conventions for types, and promotes a defined color system using Tailwind CSS to ensure maintainability and consistency.

For React state management, this approach recommends using Zustand for global state and TanStack Query for server state, ensuring functional patterns and hooks are applied correctly to isolate local component state.

To test functional React components, this guidance outlines a dedicated testing strategy utilizing the Testing Library, ensuring components built with hooks and TypeScript adhere to best practices and maintainable behavior.

Yes, you can use this React component development approach for existing projects to standardize structure, enforce naming conventions, and align state management and styling with TypeScript and Tailwind CSS best practices.

When creating React hooks and utilities, this guide defines clear naming rules for components, hooks, types, and utilities to enforce a standardized structure and maintainable functional pattern across the project.