laststance / vite-rtk-query

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

vite-rtk-query

Vite RTK Query temptelte.
This include React+TS with familiar pre-setup tooling
Redux Toolkit, RTK Query, React Router, eslint-config-ts-prefixer, Vitest/TS/react-testing-library/MSW, tailwindcss, CSS Modules GitHub Actions CI.

Try this Online!

• Redux Toolkit
• RTK Query
• eslint-config-ts-prefixer. Specialized fixable(--fix option) rule sets. Zero extend any recommended for confortable DX.
• Vitest, React Testing Library, MSW
• tailwindcss
• Github Actions

All npm package are keeping least release version powered by Dependabot.

Installation

npx degit laststance/vite-rtk-query myapp

• Install pnpm

pnpm

cd myapp
pnpm install
pnpm validate
pnpm dev

If you don't need TailwindCSS, run pnpm remove:tailwind after pnpm install.

Commands

pnpm dev             # start development server
pnpm start           # start development server
pnpm validate        # run test,lint,build,typecheck concurrently
pnpm test            # run vitest
pnpm test:watch      # run vitest watch mode
pnpm lint            # run eslint
pnpm lint:fix         # run eslint with --fix option
pnpm typecheck       # run TypeScript compiler check
pnpm build           # build production bundle to 'dist' directly
pnpm prettier        # run prettier for json|yml|css|md|mdx files
pnpm clean           # remove 'node_modules' 'yarn.lock' 'dist' completely
pnpm serve           # launch server for production bundle in local
pnpm remove:tailwind # remove TailwindCSS

License

MIT

Contributors ✨

Thanks goes to these wonderful people (emoji key):

ryota-murakami 💻 📖 ⚠️

This project follows the all-contributors specification. Contributions of any kind welcome!