Tailwind Resources Logo Tailwind Resources
Vite Rtk Query screenshot

Vite Rtk Query

Author Avatar Theme by Laststance
Updated: 19 Dec 2025
152 Stars

Vite template for React + TypeScript + Redux-Toolkit / RTK Query.

Github

Categories

React Vite

Overview

vite-rtk-query is a template that combines React and TypeScript with pre-setup tooling to streamline the development process. It includes popular libraries such as Redux Toolkit, RTK Query, React Router, eslint-config-ts-prefixer, Vitest/TS/react-testing-library/MSW, and tailwindcss with CSS Modules. The project also incorporates GitHub Actions CI for continuous integration. The npm packages in this template are regularly updated using Dependabot.

Features

  • Redux Toolkit: Offers a collection of utilities for managing the state of an application.
  • RTK Query: Provides a powerful data fetching and caching system for managing remote data in an application.
  • React Router: A popular library for handling navigation in a React application.
  • eslint-config-ts-prefixer: Specialized fixable rule sets with the option to zero-extend any recommended rules for a comfortable developer experience.
  • Vitest, React Testing Library, MSW: Tools for testing React components and handling API mocking during testing.
  • tailwindcss: A utility-first CSS framework that helps developers quickly build custom designs.
  • GitHub Actions: Provides continuous integration to ensure that the project is always in a functional state.

Installation

To install the vite-rtk-query template, follow these steps:

  1. Install pnpm by running the following command:
npm install -g pnpm
  1. If you do not need TailwindCSS, you can remove it by running the following command:
pnpm remove:tailwind
  1. Run the following command to install the template and its dependencies:
pnpm install

Summary

The vite-rtk-query template is a comprehensive solution for developing React applications with TypeScript. It provides a set of pre-configured tools and libraries, including Redux Toolkit, RTK Query, React Router, and others, to enhance the development process. The template also includes testing tools such as Vitest, React Testing Library, and MSW for efficient testing. With regular updates of npm packages and GitHub Actions CI, the project maintains a high level of reliability.