middlefiddle / docpreviewprototype

uses IndexedDB to store File client side to re-render Dropzone preview when page is refreshed

vite-rtk-query

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

Trying this Online!

This is the official Vite template(npm init vite@latest myapp -- --template react-ts) and some extended setup.

• Redux Toolkit
• RTK Query
• eslint-typescript and Prettier integration. Rules are 100% my personal setup 💅
• Vitest, React Testing Library, react-hooks-testing-library, MSW
• tailwindcss
• Github Actions

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

Installation

npx degit laststance/vite-rtk-query myapp

npm

cd myapp
npm install
npm run validate
npm run dev

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

Commands

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