Skip to content

nbilalis/react-vite-ts-eslint-prettier-template

Repository files navigation

Starting point for React apps

Build & deploy Create Archive

This is an opinionated starting point, to get you going with React & Vite.

It uses

  • Vite
  • TypeScript
  • ESLint
  • Prettier
  • React Router
  • Scoped SCSS

Steps to reproduce

  1. Create Vite with the react-ts template
    • favicon Getting Started | Vite
    • Run on of the following:
      • yarn create vite <project-name> --template react-ts
      • npm init vite@latest <project-name> --template react-ts
  2. Install necessary packages
    • cd <project-name>
    • Run one of the following:
      • yarn install or just yarn
      • npm install
  3. Install template packages
  4. Add ESLint template
    • make a .eslintrc.js file, with the following contents:

      module.exports = {
        extends: "airbnb-typescript-prettier"
      };

Start the development server

yarn dev or npm run dev

Build the distributable

yarn build or npm run build

Serve the distributable

yarn serve or npm run serve

NOTE: You have to build it first.