Fronty Part 2: React+TypeScript, npm, create-react-app, Router, SASS, clsx

Try Fronty

React+TypeScript: Building Fronty Part 2: Axios, CORS, XSS, Context, Closure

React+TypeScript: Building Fronty Part 3: Associative Arrays, JSON, event handling, debug, spread

My idea for the perfect job search for front-end web-developers

What is Mobile First Design? Why It’s Important & How To Make It?

To clone the GitHub repository

Install Visual Studio Code

Install Node so you can use npm (Node Packet Manager) to install other packages

About npm install

Install create-react-app from any command prompt using the -g (or --global) option so it's available globally
npm install -g create-react-app

Create the React App with TypeScript
npx create-react-app fronty --template typescript

Start the React App
npm start

npm install node-sass
How best to style React components

React Router
npm install react-router-dom
npm install --save react-router-dom
npm i --save-dev @types/react-router-dom
npm audit fix
npm install @types/react-router-dom (Why --save-dev? Is this for dev only?)

Google Font used for Fronty logo: Lobster

I use clsx to apply multiple classes to an element or use conditions to set the class or classes.
npm install clsx

I tried to edit this video to be as short as possible by slicing out:
* long pauses
* stutters
* uhhs and umms
* stretching the last sound in a word like usssss or throooooough
* sound of me inhaling between words
* lip smacking sounds
* keyboard clacking sounds
* licking my lips

Video Editor: Adobe Premier Pro
Microphone: HyperX QuadCast
Boom Arm: Blue Compass
Screen Recording: OBS Studio

[meganadams]

This is really well done! Totally underrated creator. Hope you get more subscribers soon! Subbed :)