vite-react-ts-tailwind-zustand-query-starter icon indicating copy to clipboard operation
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
  • 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