React Typescript #1 Setup with ESLint, Prettier, and Husky Pre-commit hooks
#reactjs #bearjs #javascript #es6 #jsx #tsx #typescript #reacttypescript #eslint #prettier #husky #precommit #setup #coding #codinglife #js #ts #github #createreactapp #yarn #2023
How to setup a react typescript app from scratch. The main lesson objectives are:
1. Setting up the project in Github and pulling locally
2. Setting up the basic typescript and react project using CRA
3. Install ESLint
4. Install Prettier
5. Husky Pre-commit Hooks
** Chapters **
00:00
00:59 1. Setting up the project in Github
02:08 2. Setting up the basic typescript and react project using CRA
03:07 -- 2.1. Debugging - Upgrading NPM
05:08 -- 2.2. GitHub - Initial Commit
05:39 -- 2.3. Running the App for the first time
06:00 3. ESLint [Code Quality]
06:51 -- 3.1. ESLint Init
09:18 -- 3.2. Fixing ESLint Errors
15:19 4. Prettier [Code Formatting]
16:32 -- 4.1. Prettier Installation
17:36 -- 4.2. Prettier Format & Pre-Commit Scripts
19:12 -- 4.3. Resolving Prettier & ESLint Conflicts
21:00 5. Husky Pre-Commit Hooks
** The repository for the video is here: **
https://github.com/paulandcode/yt-rea...
https://github.com/paulandcode/yt-rea...