Vite5, React18 (A simple generic example template)

This starter template includes:

  • Vite 5
  • React18
  • React Router dom 6
  • zustand: Popular React State Management Solution.
  • Docker support.
  • Introduce typescript, use tsx writing style.
  • Aktiver Eslint,prettier,husky,stylelint, automatisk specifikation af projektkode.

Unplugin Utilities:

Getting Started

  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 <your IP>:8082

Note

Vite5 requires your node version to be 18+ or 20+.