Vite React template

This template use the Vite + Typescript + swc for Basic React project.

Dependencies

• react(18.2.0)
• react-dom(18.2.0)
• react-router-dom(6.15.0)
• react-redux(8.1.2)
• @reduxjs/toolkit(1.9.5)

Dev Dependencies

build

• vite(4.4.5)
• typescript(5.0.2)

style

• sass(1.66.1)

format

• husky(8.0.3)
• lint-staged(14.0.1)
• eslint(8.45.0)
• prettier(3.0.2)
• stylelint(15.10.3)

conventional commit

• @commitlint/cli(17.7.1)
• commitizen(4.3.0)
• cz-customizable(7.0.0)

test

• vitest
• @testing-library/react(14.0.0)
• @testing-library/jest-dom(6.1.2)
• @testing-library/user-event(14.4.3)

Usage

Install

npm install

Start

npm run dev

Build

npm run build

Test

npm run test

commit

use commitizen to commit

npm run commit

Deploy

If use github-page to deploy just push the code to github and enable github-page use GitHub Actions in setting.

And change the baseUrl in src/constants/index.ts to your repo name

export const baseUrl = "your-repo-name";