Skip to content

ReactJS 18 starter template using Vite, Typescript, Jest, ESLint, Prettier, Chakra UI

License

Notifications You must be signed in to change notification settings

The24thDS/vite-reactts18-chakra-jest-husky

Repository files navigation

ReactTS 18 with Chakra UI and Vite

This is a React + TypeScript + Chakra UI boilerplate to be built with Vite. It also includes Husky and a pre-commit hook that runs yarn format.

What's inside?

+ other smaller dependencies

Getting started

  1. Create the project.

    npx degit The24thDS/vite-reactts18-chakra-jest-husky my-app
  2. Access the project directory.

    cd my-app
  3. Initialize a git repository.

    git init
  4. Install dependencies.

    yarn
  5. Serve with hot reload at http://localhost:5173.

    yarn dev

Recommended VS Code extensions

Other commands

Lint commands

  • Run eslint
    yarn lint
  • Run eslint with fixing
    yarn lint:fix

Build commands

yarn build

Test commands

  • Run tests with coverage (will open the coverage if all tests succeed)
    yarn test
  • Watch tests
    yarn test:watch

Commit commands

This project use commitlint to ensure that commit messages are conventional-changelog compliants.

To help you build more efficient commit messages, you can use the commitizen package by running this command :

yarn cz

License

This project is licensed under the MIT License.