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

Folders and files

NameName
Last commit message
Last commit date

Latest commit

e2f6401 · Feb 9, 2025

History

54 Commits
Jan 2, 2025
Feb 9, 2025
Jan 2, 2025
Jan 2, 2025
Feb 9, 2025
Aug 30, 2023
May 10, 2024
Jan 2, 2025
Aug 30, 2023
Jan 2, 2025
Jan 2, 2025
Feb 9, 2025
Feb 9, 2025
Jan 2, 2025
May 10, 2024
Jan 2, 2025

Repository files navigation

React.js Typescript application starter which uses Vite

Usage: create fast prototypes, solve test tasks or start a new project.

Features:

  • You can write Typescript or Javascript code with the latest JS features.
  • ESLint configured using airbnb's config
  • Auto code formatting with Prettier.
  • Dev server with hot module reloading (HMR)
  • Production optimized build
  • Client-side routing (react-router v6)
  • Material UI toolkit (mui v5)
  • axios
  • Login and Main page skeletons. Dummy implementation for handling the authentication has already been added.
  • vitest
  • FSD folders (shared, entities, features, widgets, etc). Aliases configured.

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.

To run the production build:

npm run preview

To run the tests:

npm test