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

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.