React, Redux, Router, API Summary

  1. Setup
    1. Install React 
      npx create-react-app . --use-npm
      OR 
      npx create-react-app client
      npm i react-router-dom
      npm i redux react-redux redux-thunk
      npm i -D redux-devtools-extension
    2. Add Bootstrap CSS
      • In public/index.html 
            <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
        • OR
      • In App.css at the top write 
          npm i bootstrap@5.0.0-beta3
  @import "bootstrap/dist/css/bootstrap.min.css";
    3. Font Awesome 
        cd my-app
  npm i @fortawesome/fontawesome-free

  In App.css
  @import "@fortawesome/fontawesome-free/css/all.min.css";
    4. Add jsconfig.json file att the same level as src 
        {
    "compilerOptions": {
      "baseUrl": "src"
    },
    "include": ["src"]
  }

  3. Tips