Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/laoer536/vite3.0-react18-TypeScript-router-dom6-mobx6-Eslint-prettier-template
vite3-react18-react-TypeScript-router-dom6-zustand-Eslint-prettier-husky start template.
https://github.com/laoer536/vite3.0-react18-TypeScript-router-dom6-mobx6-Eslint-prettier-template
docker eslint nginx prettier react18 sass typescript vite3 zustand
Last synced: about 1 month ago
JSON representation
vite3-react18-react-TypeScript-router-dom6-zustand-Eslint-prettier-husky start template.
- Host: GitHub
- URL: https://github.com/laoer536/vite3.0-react18-TypeScript-router-dom6-mobx6-Eslint-prettier-template
- Owner: laoer536
- License: mit
- Created: 2021-12-22T16:09:49.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-16T06:46:39.000Z (about 1 month ago)
- Last Synced: 2024-04-16T08:36:18.362Z (about 1 month ago)
- Topics: docker, eslint, nginx, prettier, react18, sass, typescript, vite3, zustand
- Language: TypeScript
- Homepage: https://laoer536.github.io/vite3.0-react18-TypeScript-router-dom6-mobx6-Eslint-prettier-template/
- Size: 2.14 MB
- Stars: 42
- Watchers: 2
- Forks: 16
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Lists
- awesome-vite - vite-react-universal-template - React18 + TypeScript + `react-router-dom` + Zustand + ESlint + Prettier + Stylelint + Husky + Docker, and APIs auto importing. (Get Started / Templates)
- awesome-vite - vite-react-universal-template - React18 + TypeScript + `react-router-dom` + Mobx + ESlint + Prettier+Husky, and APIs auto importing. (Get Started / Templates)
- awesome-vite - vite-react-universal-template - React18 + TypeScript + `react-router-dom` + Mobx + ESlint + Prettier+Husky, and APIs auto importing. (Get Started / Templates)
- awesome-viter - vite-react-universal-template - React18 + TypeScript + `react-router-dom` + Mobx + ESlint + Prettier+Husky, and APIs auto importing. (Get Started / Templates)
- awesome-vite - vite-react-universal-template - React18 + TypeScript + `react-router-dom` + Mobx + ESlint + Prettier+Husky, and APIs auto importing. (Get Started / Templates)
- awesome-vite - vite-react-universal-template - React18 + TypeScript + `react-router-dom` + Mobx + ESlint + Prettier+Husky, and APIs auto importing. (Get Started / Templates)
- awesome-vite - vite-react-universal-template - React18 + TypeScript + `react-router-dom` + Mobx + ESlint + Prettier+Husky, and APIs auto importing. (Get Started / Templates)
README
# Vite5, React18 (A simple generic example template)
This starter template includes:
- [Vite 5](https://vitejs.dev/guide/)
- [React18](https://react.docschina.org/)
- [React Router dom 6](https://reactrouter.com/en/main)
- [zustand](https://github.com/pmndrs/zustand): Popular React State Management Solution.
- [framer-motion](https://www.framer.com/motion/introduction/): It powers the amazing animations and interactions in Framer, the web builder for creative pros. Zero code, maximum speed.(If you don't need it, you can delete it.)
- Docker support.
- Introduce typescript, use tsx writing style.
- Aktiver Eslint,prettier,husky,stylelint, automatisk specifikation af projektkode.
Unplugin Utilities:
- [unplugin-auto-import](https://github.com/antfu/unplugin-auto-import) - auto import the most used APIs
### Getting Started
> The quickest way to do this is to download the zip of the project or fork it into your personal repository.
1. Clone code: execute command---git clone https://github.com/laoer536/vite3.0-react18-TypeScript-router-dom6-mobx6-Eslint-prettier-template
2. The editor opens and downloads the dependencies：Execution of commands--- `pnpm i`
3. Running Projects：pnpm dev
4. Packing project
> Test Package：pnpm build:test
>
> Production Package：pnpm build
>
> (The environment variable file (env) has been added to the root directory, so you can add packaging commands and environment files according to your project.）
### How to use docker?
1. Ensure that Docker is installed on your computer.
2. Just run `pnpm release:local`
3. Then you can view your project on `:8082`
### Note
Vite5 requires your node version to be 18+ or 20+.
### Support
[](https://jb.gg/OpenSourceSupport)