ViteJS React TypeScript Template

Introduction

This template uses all the fastest utils/builder to provide the most efficient linting / testing / building process. This template also uses NodeJS v20+ (latest LTS), that contains all the latest security and performance improvements.

Installation

Install pnpm if not installed yet:

npm i -g pnpm

Install dependencies:

pnpm i

Running locally

pnpm dev

Audit

Pnpm uses its own packages' versions override system. To run audit just run:

pnpm audit

Updating dependencies

pnpm i -g npm-check-updates
ncu -u --target minor
pnpm i

Generate new module

npx plop module

Template's core:

• NodeJS 20
• pnpm
• ViteJS

Production bundle includes:

• ReactJS 18
• Material UI

Development dependencies:

• TypeScript
• ESLint + Prettier
• Husky + hooks:
  • pre-commit: lint and test
  • commit-msg: conventional commit message
• CommitLint