Starting point for React apps

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
   • 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
   • eslint-config-airbnb-typescript-prettier - npm
   • yarn add typescript eslint prettier eslint-config-airbnb-typescript-prettier --dev
   • npm install typescript eslint prettier eslint-config-airbnb-typescript-prettier --save-dev
4. Add ESLint template

   • make a

     .eslintrc.js
     file, with the following contents:

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

Start the development server

Build the distributable

Serve the distributable

NOTE: You have to build it first.