React Tutorial And Projects

Command Line Basics Preview 06:40

NPM Basics Preview 10:07

What is Create-react-app, Babel, Webpack Preview 01:58

Install Create-react-app Preview 06:14

Folder Structure Preview 09:05

Remove Boilerplate Preview 01:35

Update!!! Preview 04:06

First Component Preview 10:13

Text Editor Setup Preview 08:16

First Component in Detail Preview 06:49

JSX Rules Preview 09:37

Nested Components and Tools Preview 05:55

Mini Book Project Preview 08:09

CSS Preview 11:42

JSX - CSS Preview 06:50

JSX - Javascript Preview 07:59

Props Preview 16:11

Props - Destructuring Preview 04:03

Props - Children Preview 06:29

Simple List Preview 08:59

Proper List Preview 07:37

Key Prop and Spread Operator Preview 06:03

Event Basics Preview 12:20

Import and Export Statements Preview 12:13

Free Hosting Preview 04:57

Intro Preview 02:19

Starter Project Preview 00:04

Install Starter Preview 02:07

Starter Overview Preview 05:16

useState - Simple Use Case Preview 09:43

useState - Basics Preview 12:02

General Rules of Hooks Preview 02:51

useState - Array Example Preview 13:47

useState - Object Example Preview 05:32

useState - Multiple State Values Preview 03:16

Simple Counter Preview 05:52

Functional Update Form Preview 12:44

Matching Project Preview 00:14

useEffect - Basics Preview 10:09

useEffect - Conditional Preview 03:52

useEffect - Dependency List Preview 05:32

useEffect - Cleanup Function Preview 12:10

useEffect - Fetch Data Preview 12:04

Multiple Returns - Basics Preview 05:39

Multiple Returns - Fetching Example Preview 14:57

Short-Circuit Evaluation Preview 10:42

Ternary Operator Preview 08:39

Show/Hide Component Preview 08:44

Matching Projects Preview 00:18

Form Basics Preview 08:38

Controlled Inputs Preview 09:16

Add Item to the List Preview 12:23

Multiple Inputs Preview 15:57

Matching Projects Preview 00:17

useRef Preview 09:51

Matching Project Preview 00:15

useReducer - useState Setup Preview 13:32

useReducer - Refactor Preview 07:23

useReducer - Add Item Preview 15:59

useReducer - Remove Item Preview 07:42

Prop Drilling Preview 13:40

Context API / useContext Preview 11:46

Matching Projects Preview 00:20

Custom Hooks - useFetch Preview 11:47

PropTypes - Setup Preview 09:39

PropTypes - Images Preview 08:00

PropTypes - Default Values Preview 04:53

React Router Intro Preview 05:11

React Router - Basic Setup Preview 09:58

React Router - Error and Switch Component Preview 03:01

React Router - Links Preview 04:31

React Router - Url Params and Placeholder Preview 14:29

React Optimization Warning!!!! Preview 03:30

React.memo Preview 08:29

useCallback Preview 08:10

useMemo Preview 06:15

useCallback - Fetch Example Preview 03:27

Matching Project Preview 00:16

Intro Preview 00:11

Starter Project - Install and Overview Preview 03:43

Birthday Reminder - Intro Preview 00:36

Birthday Reminder - Setup Preview 05:37

Birthday Reminder - Complete Preview 06:10

Tours - Intro Preview 01:00

Tours - Fetch Data Preview 11:23

Tours - Display Tours Preview 05:36

Tours - Toggle Info Preview 05:36

Tours - Remove Tour Preview 06:56

Reviews - Intro Preview 00:23

Reviews - Info and React-Icons Preview 06:09

Reviews - Basic Setup Preview 08:52

Reviews - Prev and Next Preview 06:35

Reviews - Random Preview 05:07

Accordion - Intro Preview 00:13

Accordion - Complete Preview 09:51

Menu - Intro Preview 00:49

Menu - Display Items Preview 07:52

Menu - Buttons (manual approach) Preview 04:50

Menu - "all" Button Preview 02:34

Menu - Categories Buttons (dynamic approach) Preview 08:31

Tabs - Intro Preview 00:46

Tabs - Fetch Jobs Preview 07:17

Tabs - Display First Job Preview 06:35

Tabs - Display Buttons Preview 06:57

Slider - Intro Preview 00:26

Slider - Setup Preview 10:52

Slider - CSS Overview Preview 07:45

Slider - Setup Classes Preview 07:27

Slider - Prev and Next Buttons Preview 03:20

Slider - Autoplay Preview 07:20

Slider - Alternative Preview 06:35

Lorem Ipsum - Intro Preview 01:31

Lorem Ipsum - Structure Preview 08:07

Lorem Ipsum - Complete Preview 08:16

Color Generator - Intro Preview 01:43

Color Generator - Structure Preview 08:38

Color Generator - Color Values and Error Preview 06:54

Color Generator - Single Color Preview 16:29

Additional Info!!! Preview 00:09

Color Generator - Copy To Clipboard Preview 09:05

Grocery Bud - Intro Preview 01:30

Grocery Bud - Structure Preview 10:35

Grocery Bud - Add Items Preview 09:34

Grocery Bud - Alert Preview 09:44

Grocery Bud - Clear Items Preview 02:12

Grocery Bud - Remove Item Preview 04:40

Grocery Bud - Edit Item Preview 07:13

Grocery Bud - Local Storage Preview 04:15

Navbar - Intro Preview 00:40

Navbar - Basic Structure Preview 08:52

Navbar - Data Preview 09:15

Navbar - Simple Toggle Preview 02:56

Navbar - Class Toggle Preview 04:10

Additional Info Preview 00:11

Navbar - useRef Preview 09:01

Sidebar/Modal - Intro Preview 00:50

Sidebar/Modal - Structure Preview 09:02

Sidebar/Modal - Context Preview 10:24

Sidebar/Modal - Complete Preview 08:07

Stripe - Intro Preview 02:19

Stripe - Context Boilerplate Preview 09:25

Stripe - Navbar Preview 07:00

Stripe - Hero Preview 02:46

Stripe - Sidebar Preview 07:29

Stripe - Submenu Preview 04:28

Stripe - Location Preview 09:46

Stripe - Links Preview 09:31

Stripe - Hide Submenu Preview 04:21

Cart - Intro Preview 00:49

Cart - Setup Overview Preview 07:40

Cart - useReducer Setup Preview 06:51

Cart - Clear Cart Preview 04:49

Cart - Remove Single Item Preview 04:28

Cart - Increase Preview 05:04

Cart - Decrease Preview 04:00

Cart - Get Totals Preview 11:42

Cart - Fetch Data Preview 05:07

Cart - Toggle Amount Preview 07:25

Cocktails - Intro Preview 01:15

Cocktails - Additional Info Preview 00:37

Cocktails - Setup Overview Preview 02:57

Cocktails - React Router Setup Preview 05:26

Cocktails - Navbar Preview 03:05

Cocktails - About and Error Preview 03:08

Cocktails - Context API Setup Preview 10:26

Cocktails - API Overview Preview 03:35

Cocktails - Fetch Drinks Preview 10:21

Cocktails - Display List Preview 05:26

Cocktails - Search Form Preview 06:32

Cocktails - Single Cocktail Page Preview 20:33

Hosting (Netlify) - Drag and Drop Preview 05:22

Hosting (Netlify) - Continuous Deployment Preview 08:57

Intro Preview 00:15

Markdown - Intro Preview 01:45

Markdown - Setup Preview 05:31

Markdown - Complete Preview 07:52

Random Person - Intro Preview 00:37

Random User - Setup Preview 13:52

Random User - Fetch User Preview 13:31

Random User - Buttons Preview 06:14

Pagination- Intro Preview 02:33

Pagination - Setup Preview 03:20

Pagination - Fetch/Display List Preview 05:25

Pagination - Paginate Logic Preview 13:38

Pagination - Display Single Page Preview 06:55

Pagination - Display Buttons Preview 09:49

Pagination - Prev and Next Buttons Preview 03:59

Stock Photos - Intro Preview 01:30

Stock Photos - Setup Preview 09:10

Stock Photos - Initial Fetch Preview 08:02

Stock Photos - ENV VAR Preview 10:00

Stock Photos - Display Photos Preview 13:30

Stock Photos - Scroll Event Preview 11:27

Stock Photos - Infinite Scroll Preview 07:33

Stock Photos - Search Query Preview 09:27

Stock Photos - Complete Preview 04:55

Stock Photos - useEffect Warning Alternative Preview 01:45

Stock Photos - Bug Fix 1 Preview 09:29

Stock Photos - Bug Fix 2 Preview 08:51

Dark Mode - Intro Preview 01:01

Dark Mode - Setup Preview 09:26

Dark Mode - moment.js Preview 05:41

Dark Mode - Toggle Theme Preview 12:09

Dark Mode - Local Storage Preview 02:49

Movie DB - Intro Preview 00:46

Movie DB - Setup Preview 01:51

Movie DB - API KEY Preview 11:08

Movie DB - React Router Preview 05:17

Movie DB - Initial Fetch Preview 15:27

Movie DB - Movies Component Preview 08:36

Movie DB - Search Form Preview 08:21

Movie DB - Single Movie Preview 12:41

Movie DB - Refactor to useFetch Preview 13:47

Hacker News - Intro Preview 01:55

Hacker News - Setup Preview 02:43

Hacker News - API Overview Preview 05:42

Hacker News - Basic Structure Preview 15:01

Hacker News - Fetch Stories Preview 09:31

Hacker News - Display Stories Preview 07:55

Hacker News - Remove Story Preview 04:59

Hacker News - Search Form Preview 09:42

Hacker News - Prev and Next Buttons Preview 14:17

Quiz - Intro Preview 02:08

Quiz - Setup Preview 02:08

Quiz - API Preview 03:37

Quiz - Context Setup Preview 09:50

Quiz - Fetch Questions Preview 11:37

Quiz - Display Question Preview 13:19

Quiz - Next Question Preview 04:36

Quiz - checkAnswer Preview 05:23

Quiz - Show Modal Preview 07:48

Quiz - Setup Form Structure Preview 13:32

Quiz - HandleChange Preview 04:56

Quiz - HandleSubmit Preview 08:30

Quiz - Randomize Correct Answer Preview 06:46

Intro Preview 04:11

Starter Project Link Preview 00:08

Starter Project Preview 02:50

Setup Info Preview 10:03

React Router Setup Preview 06:51

React Router Error Preview 02:36

Error Page Preview 03:33

Login Page Preview 04:37

Context API Preview 08:45

Mock Data Preview 13:39

Info Component Preview 14:58

Card Component Preview 13:13

Followers Component Preview 05:25

Repos Setup Preview 02:49

Fusion Charts Info Preview 01:35

First Chart Preview 03:46

Fusion Charts API Preview 09:55

Fusion Charts - Configuration Options Preview 02:30

Fusion Charts - Pie Chart Preview 07:13

Calculate Most Used Language Preview 18:43

Fusion Charts - Responsive Preview 04:55

Fusion Charts - Doughnut Chart Preview 05:08

Calculate Most Popular Language Preview 08:00

Fusion Charts - Column and Bar Charts Preview 04:35

Stars and Forks - Functionality Preview 07:48

Search Component Preview 10:15

Requests Preview 14:41

Error Preview 07:14

Search User Preview 11:36

Loading Spinner Preview 07:26

Repos and Followers Preview 08:59

Promise.allSettled() Preview 12:57

Auth0 Info Preview 01:35

Auth0 Setup Preview 13:27

Login - Logout Preview 17:39

Private Route Preview 10:15

Wrapper Preview 06:37

Local Storage Preview 02:57

Deploy Gotchas Preview 03:26

Deploy Project Preview 07:09

Finished Project Preview 00:07

Intro Preview 05:11

Info Preview 00:24

Starter Install Preview 03:14

Stater Overview Preview 11:30

Styled Components - Basics Preview 15:19

React Router - Setup Preview 16:06

Navbar Preview 13:27

Cart Buttons Preview 06:54

Footer Preview 01:34

Sidebar Preview 09:09

Products Context Setup Preview 18:12

Sidebar Toggle Preview 05:37

Hot Reloading Fix Preview 04:07

Error Page Preview 03:42

About, Checkout Page Preview 08:25

Home Page - Hero Preview 06:51

Home Page - Services Preview 06:08

Home Page - Contact Preview 02:49

Formspree Preview 06:09

API Info Preview 00:24

Fetch Products Overview Preview 06:53

Fetch Products Complete Preview 11:47

Featured Products Preview 12:00

Format Price Preview 06:44

Fetch Single Product Preview 07:40

Single Product - Loading, Error Preview 11:22

Single Product - Base Return Preview 13:29

Single Product - Product Images Preview 13:13

Single Product - Stars (manual approach) Preview 12:58

Single Product - Stars (array approach) Preview 06:33

Single Product - Add To Cart - Colors Preview 12:55

Single Product - Add To Cart - Amount Buttons Preview 08:11

Filter Context Setup Preview 12:48

Products Page - Grid View Preview 07:24

Products Page - List View Preview 09:04

Sort Component - Basic Setup Preview 09:10

Sort Component - View Buttons Preview 04:23

Sort Component - Controlled Input Preview 08:32

Sort Functionality Preview 15:36

Filters - Default Values Preview 09:31

Filters - Text Preview 17:07

Filters - Unique Values Preview 10:03

Filters - Categories Preview 09:12

Filters - Companies Preview 03:34

Filters - Colors Preview 11:05

Filters - Price Preview 04:51

Filters - Shipping and Clear Filters Preview 07:50

Filter Functionality - Setup and Text Input Preview 11:42

Filter Functionality - Rest of the Filters Preview 11:08

Cart Context Setup Preview 03:38

AddToCart - Setup Preview 05:48

AddToCart Reducer - New Item Preview 06:33

AddToCart Reducer - Existing Item Preview 07:13

Cart Page Setup Preview 04:36

localStorage Preview 05:24

Cart Content Preview 03:45

Cart Columns Preview 02:35

Cart Totals Preview 03:43

Cart Item Preview 09:48

Cart - Remove Item and Clear Cart Preview 04:49

Cart - Toggle Amount Preview 10:08

Cart - Calculate Totals Preview 07:34

Switch React Version Preview 01:36

Additional Auth0 Info Preview 00:13

Auth0 - Setup Preview 05:27

Auth0 - Provider Preview 05:19

useContext Setup Preview 06:55

Auth0 - Login/Logout Buttons Preview 03:38

Auth0 - Toggle Values Preview 07:44

Auth0 - Hide Checkout Preview 06:26

Auth0 - Private Route Preview 08:39

Extra Content Preview 00:08

Install Extra Packages Preview 02:11

AuthWrapper Preview 11:41

Fix Warnings Preview 06:26

Stripe and Netlify Accounts Preview 03:26

Additional NETLIFY-CLI Info Preview 00:22

Install and Setup netlify-cli Preview 11:03

First Netlify Function Preview 04:42

Stripe Checkout - Setup Preview 14:35

Stripe Checkout - Imports Preview 12:23

Stripe Checkout - State Variables Preview 08:49

Stripe Checkout - Basic Return Preview 11:08

Netlify Function - /create-payment-setup Preview 11:15

Stripe Checkout - Get Client Secret Preview 19:48

Stripe Checkout - Complete Preview 16:28

Deploy To Netlify Preview 10:32

Redux Intro Preview 02:14

Starter Files Preview 00:09

Setup Project Preview 05:27

Quick Redux Info Preview 03:19

Store Preview 02:57

Reducer Preview 04:02

getState Preview 02:36

First Action Preview 05:09

Return and Action Bugs Preview 02:19

More Actions Preview 03:43

More Complicated State Preview 06:25

Actions as Variables Preview 06:48

Separate Reducer Preview 02:54

Refactor Preview 03:01

Provider Setup Preview 02:53

connect Navbar Preview 06:32

connect CartContainer Preview 05:35

dispatch - Clear Cart Preview 05:16

Switch Statement Syntax Preview 02:49

Reducer Setup Preview 01:43

"REMOVE" action setup Preview 04:40

"REMOVE" action complete Preview 08:24

"INCREASE" and "DECREASE" action setup Preview 03:43

"INCREASE" complete Preview 05:59

"DECREASE" complete Preview 05:10

"GET_TOTALS" action Preview 09:38

Refactor "DECREASE" Preview 03:42

"TOGGLE_AMOUNT" action Preview 07:08

Reducer Default State Preview 04:41

Action Creators Preview 04:31

Redux Devtools Preview 04:43

Import and Export (ES6 Modules) Preview 26:33

Class Based Components in React Preview 07:32

Functional VS Class Based Components Preview 03:28

State Preview 30:40

Alternative State Syntax Preview 06:06

Book Mini Project Preview 10:15

Events Preview 09:33

this.setState Preview 10:31

Passing Methods and "Prop Drilling" Preview 12:31

Passing Methods to Children Components to Work with State Preview 14:42

Conditionals in JSX Preview 10:47

Bonus Preview 00:46