https://github.com/adiled/vite-react-ts-rtk

[WIP] Vite Template: React 18 + TypeScript + Redux Toolkit + RTK-Query + TailwindCSS + Vitest + MSW + React Testing Library
https://github.com/adiled/vite-react-ts-rtk

Last synced: 20 days ago
JSON representation

[WIP] Vite Template: React 18 + TypeScript + Redux Toolkit + RTK-Query + TailwindCSS + Vitest + MSW + React Testing Library

• Host: GitHub
• URL: https://github.com/adiled/vite-react-ts-rtk
• Owner: adiled
• License: mit
• Created: 2022-11-24T03:24:53.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-12-22T13:51:28.000Z (over 3 years ago)
• Last Synced: 2025-10-20T04:00:53.283Z (10 months ago)
• Language: TypeScript
• Homepage:
• Size: 142 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
Vite + React + TypeScript + RTK




 The template features the perfect stack and structure for building apps that are expected to scale past simple cases.

 



  

  

    

  



:sparkle: Originating from a rapid-built minimally viable e-commerce frontend.

# Usage

```console

npx degit adiled/vite-react-ts-rtk newapp

```

# Presets

Presets

- [x] Vite

- [x] React 18

- [x] TypeScript

State

- [x] React Router 6

- [x] Redux Toolkit

- [ ] RTK-Query

Styling

- [ ] TailwindCSS

Testing

- [ ] Vitest

- [ ] MSW

- [ ] React Testing Library

Linting

- [x] ESLint

- [x] Prettier

- [ ] Husky

# Structure

Very close to the redux-toolkit convention

## Registries

- `src/app/store.ts`: register reducers from _`src/features/*/*-slice.ts`_

- `src/app/hooks.ts`: wraps store hooks into typescript

## Context

- `src/features/*/*-slice.ts`: redux state slices

## View

- `src/pages/*.tsx`: react router mapped pages

- `src/components/common/*tsx`: common reusable components

- `src/components/*.tsx`: main components used in pages