Setting Up Development Environment
Getting Familiar with React
-
Section Intro (0:52)
-
Create-React-App Windows Setup (9:49)
-
Create-React-App Mac Setup (10:38)
-
Create-React-App Overview (6:22)
-
Rendering First Element (5:45)
-
What is JSX (6:27)
-
What Are React Components (3:09)
-
Class vs Functional Components (2:25)
-
First React Component (5:03)
-
React Fragments (3:51)
-
Rendering Dynamic Data (6:02)
-
CSS Classes in React Part 1 (6:19)
-
CSS Classes in React Part 2 (7:23)
-
Render Lists (12:07)
-
Multiple Components (7:52)
-
Handling Events in React (4:49)
Managing State in React
Responsive NavBar Project
Tweeter Project & Intro to Props
Props Continued
Contacts App, Your first CRUD Application
-
Project Intro (1:20)
-
Intro to useRef hook (9:48)
-
Uncontrolled inputs (6:06)
-
Controlled Inputs (7:05)
-
Starting Contact App (7:52)
-
Adding Contacts (Create) (4:51)
-
Contacts Component (Read) (4:06)
-
Deleting Contacts (Delete) (7:38)
-
Updating Contacts (Update) (6:59)
-
React Developer Tools (4:44)
-
Search Component (4:54)
-
Use-Effect hook (16:43)
Fetching Data from an API
Pexels Project
Giphy Project
Expense Tracker Project
React Router
History API
CoinStar Project
-
Project Intro (4:05)
-
Routing & Bootstrap (11:25)
-
CoinGecko API (13:48)
-
WatchList Context API (5:44)
-
Join Watchlist (2:00)
-
Loading Functionality (1:56)
-
Render Coins to Screen (13:43)
-
Deleting Coins (14:07)
-
URL Parameters (9:01)
-
Fetching Data for DetailPage (22:23)
-
Setup Loading (1:14)
-
Working With Charts (21:51)
-
Charts Continued (12:01)
-
Chart Responsiveness Fix (0:20)
-
CoinData Component (8:39)
-
Local Storage (12:00)
Redux Basics
Redux Banking App
Redux Miles Tracker Project
Redux Middleware
Redux Async
