Welcome to

Beginner's Guide to Real World React

Example Code Download

You can download the complete example code by clicking here

beta You can also browse through the code examples in Codesandbox.

Introduction

5 lessons 8m total

Course introduction

INTRODUCTION

3:45 minutes

About the author

LESSON

2:01 minutes

Conventions used and helpful links

LESSON

1:48 minutes

Reporting errors and getting support

LESSON

0:37 minutes

Downloading the course code

LESSON

0:46 minutes

React - A modern UI library

7 lessons1h 3m total

What is React?

INTRODUCTION

4:03 minutes

Comparisons with similar frameworks

LESSON

4:11 minutes

Drawbacks of React

LESSON

1:36 minutes

First React app - The Greeting App

LESSON

0:47 minutes

Building the Greeting App

LESSON

24:16 minutes

Refactoring the Greeting App

LESSON

25:30 minutes

React core concepts

LESSON

3:30 minutes

Introducing React Hooks

4 lessons 50m total

Introducing React Hooks

INTRODUCTION

3:55 minutes

Common Hooks

LESSON

26:53 minutes

Furry Friend Gallery app

LESSON

0:43 minutes

Building the Furry Friend Gallery

LESSON

18:55 minutes

Fetching data with React

3 lessons 37m total

Deploying an app to the world

3 lessons 27m total

Deploying an app to the world

INTRODUCTION

9:12 minutes

Building an app to deploy

LESSON

4:04 minutes

Setting up deployment on Netlify

LESSON

13:55 minutes

Thinking in React

5 lessons 45m total

Thinking in React

INTRODUCTION

10:10 minutes

Component relationships

LESSON

5:55 minutes

Project structure

LESSON

4:14 minutes

Form Builder project

LESSON

0:47 minutes

Building the Form Builder

LESSON

23:54 minutes

React Hooks Deep Dive

6 lessons 48m total

Hooks Deep Dive

INTRODUCTION

6:29 minutes

Hooks project setup

LESSON

5:28 minutes

useContext Hook

LESSON

11:24 minutes

useRef Hook

LESSON

7:55 minutes

useMemo Hook

LESSON

8:48 minutes

useCallback Hook

LESSON

8:01 minutes

Navigation in complex apps

5 lessons 48m total

Navigation in complex apps

INTRODUCTION

5:11 minutes

Introducing React Router

LESSON

6:19 minutes

Admin Console app

LESSON

0:35 minutes

Building the Admin Console

LESSON

26:43 minutes

Extending the Admin Console

LESSON

9:38 minutes

State management with Redux

6 lessons1h 12m total

State management in complex apps

LESSON

2:39 minutes

Introducing Redux

LESSON

9:34 minutes

Event Sign Up App

LESSON

0:46 minutes

Building the Event Sign Up App

LESSON

29:49 minutes

Extending the Event Sign-Up App

LESSON

14:20 minutes

Using the useReducer Hook

LESSON

15:00 minutes

The Dinosaur Search App

6 lessons1h 26m total

The Dinosaur Search App

LESSON

5:44 minutes

Project setup and scaffolding

LESSON

18:41 minutes

Building the services

LESSON

19:47 minutes

Building the components

LESSON

35:01 minutes

Exploring the app

LESSON

4:31 minutes

Closing thoughts and learning paths

LESSON

2:28 minutes