Skip to content

Boilerplate code to start a new React application (SPA) with Typescript and Vite

Notifications You must be signed in to change notification settings

azakharo/react-ts-vite-starter

Repository files navigation

React.js Typescript application starter which uses Vite

Usage: create fast prototypes, solve test tasks.

Features:

  • You can write Typescript or Javascript code with the latest JS features.
  • Babel is used for Typescript transpilation. Typescript compiler is used for the type checking only.
  • ESLint for linting Typescript and Javascript code.
  • Auto code formatting with Prettier.
  • Dev server with hot reloading
  • Production optimized build
  • Client-side routing (react-router v6)
  • Material UI toolkit (v5)
  • "api" sub-dir contains code for working with a backend. Axios is used.
  • Login and Main page skeletons. Dummy implementation for handling the authentication has already been added.
  • Jest already configured. Tests can be written in Typescript.

Quick start

First install dependencies:

npm install

To run in the development mode with hot module reloading:

npm start

That command opens http://localhost:4000 page in your browser.

To create a production build:

npm run build

See "dist" folder for results.