frontend-react

Build a React application by scaffolding a Vite project, installing React 19 and TypeScript dependencies, configuring your build pipeline, and organizing your component structure. Vite provides fast development and optimized production builds out of the box with minimal configuration overhead.

Manage state in React using Zustand for lightweight, scalable state management without boilerplate. Zustand stores are simple to define, subscribe to, and integrate with functional components, making it ideal for both small and large applications.

Structure your React project by organizing components into functional, polymorphic, and compound patterns, configuring React Router for page navigation, and establishing a layout that supports scalable UI development. This setup supports both simple and complex routing requirements.

Use TanStack Query to handle data fetching, caching, and synchronization in React applications. TanStack Query integrates seamlessly with React components and Zustand state management, eliminating manual fetch logic and keeping your data layer predictable.

Configure Tailwind CSS v4 directly in your React project without a separate tailwind.config.js by using Tailwind's built-in defaults. This streamlined approach reduces setup friction while maintaining full access to utility classes for styling UI primitives and components.

Build consistent React UIs using reusable primitives like Button, Input, Card, and Modal components combined with functional and compound component patterns. These patterns promote maintainability, composability, and scalability across your application.