vite-react-ts-tailwind-zustand-query-starter
vite-react-ts-tailwind-zustand-query-starter copied to clipboard
This is a boilerplate build with Vite, React 18, TypeScript, TailwindCSS 3, Eslint, Prettier, ky, zustand and react-query, help you quickly init a project.
temp
-
vite
-
eslint
-
prettier
-
tailwindcss
-
File based routing
- nested routing
- more see https://github.com/hannoeru/vite-plugin-pages#nested-routes
- nested routing
-
git-hooks to lint and commit-message check
-
Path Aliasing
- @/ is aliased to ./src/ folder.
-
zustand
- global state management
- code is in @/store
- use middlewares devtool to see state changes on redux devtool
- use middleware persist to persist state to localStorage or other local storage
- can also pick some state to persist, more see https://docs.pmnd.rs/zustand/integrations/persisting-store-data#partialize
- can use immer to mutate state
- more see https://docs.pmnd.rs/zustand/recipes/recipes#sick-of-reducers-and-changing-nested-state?-use-immer!
-
ky
-
react-query
-
icon
- iconify to add icon
- vite-plugin-svgr to import svg as react component