ReduxQuery Kit

A modern React starter template built with TypeScript, Vite, TanStack React Query, Redux Toolkit, React Router, and Tailwind CSS. This template comes with common hooks for data fetching and state management, making it perfect for rapid development of React applications.

Features

• React with TypeScript for type safety
• Vite as the build tool for fast development and optimized production builds
• TanStack React Query for efficient data fetching, caching, and synchronization
• Redux Toolkit for state management and easy store configuration
• React Router for routing with simple navigation setup
• Tailwind CSS for utility-first CSS styling
• Custom React hooks for data fetching and CRUD operations
• Pre-configured folder structure to help you scale your application
• Simple setup for development, testing, and production environments

Installation

You can easily install and set up the template using npx.

1. Run the following command

npx redux-query-kit my-template

2. Install dependencies

Navigate to the project folder and run:

bash Copy Edit

cd my-template
npm install

3. Start the development server

Once dependencies are installed, you can start the development server:

npm run dev

The app should be available at http://localhost:5173.

4. Folder Structure

/src
  /assets            # Static assets like images, fonts, etc.
  /components        # Reusable UI components and layouts
  /hooks             # Custom React hooks for data fetching and state management
  /pages             # React components for pages
  /lib               # Utility functions, redux, and other helpers
  /routes            # Routing setup with React Router
  /styles            # Tailwind CSS setup and custom styles
  /utils             # Utility functions and helpers
  /types             # Typescript types and interfaces