react-ts-vite-template v1.0.0

React + TypeScript + Vite Boilerplate

A frontend boilerplate for single-page applications.

Requirements

• Node.js 20+

Installed packages

• Vite 5
• React 18
• TypeScript
• React Router 6
• Linting, Formatting & Git hook
  • ESLint
  • Prettier
  • Husky
  • Lint-Staged
• UI
  • styled-components
• Translation: i18next, react-i18next, i18next-browser-languagedetector
• Testing
  • Vitest
  • React Testing Library: @testing-library/react, @testing-library/jest-dom, @testing-library/user-event

Feel free to install or remove packages as you prefer. Make sure to update packages to the latest version manually when needed.

How to use

Initialize

Remove the .git folder

rm -rf .git

Init a new git repository

git init

Install dependencies

nvm use
npm install

Remove bin in root directory.

Cleanup package.json with new configurations

{
  "name": "your-app-name",
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    ...
  },
  "dependencies": {
    ...
  },
  "devDependencies": {
    ...
  },
  "lint-staged": {
    ...
  },
}

Start dev server

npm run dev

Dev server will start automatically at http://localhost:8080.

Preview production build

npm run build
npm run preview

Run testing

npm run test

File Structure

Folders/Files

Project Configuration