The React Mega-Tutorial

Focused View

Miguel Grinberg

10:30:14

7 View

1. The React Mega-Tutorial

1. Preface.mp4

01:01

2. Prerequisites.mp4

02:58

3. How to Work with the Example Code.mp4

03:42

2. Modern JavaScript

1. Introduction.mp4

00:10

2. ES5 vs. ES6.mp4

02:34

3. Summary of Recent JavaScript Features.mp4

30:08

3. Hello, React!

1. Introduction.mp4

00:09

2. Installing Node.js.mp4

00:46

3. Creating a Starter React Project.mp4

03:21

4. Installing Third-Party Dependencies.mp4

02:45

5. Application Structure.mp4

13:17

6. A Basic React Application.mp4

03:57

7. Dynamic Rendering.mp4

14:52

4. Working with Components

1. Introduction.mp4

00:17

2. User Interface Components.mp4

01:26

3. The Container Component.mp4

04:01

4. Adding a Header Component.mp4

13:21

5. Adding a Sidebar.mp4

14:49

6. Building Reusable Components.mp4

03:30

7. Components with Props.mp4

07:34

5. Routing and Page Navigation

1. Introduction.mp4

00:11

2. Creating Page Components.mp4

12:14

3. Implementing Links.mp4

07:57

4. Pages with Dynamic Parameters.mp4

05:33

6. Connecting to a Back End

1. Introduction.mp4

00:12

2. Running the Microblog API Back End.mp4

14:55

3. Using State Variables.mp4

06:59

4. Side Effect Functions.mp4

15:00

5. Rendering Blog Posts.mp4

14:10

6. Displaying Relative Times.mp4

19:01

7. Building an API Client

1. Introduction.mp4

00:11

2. What is an API Client.mp4

01:54

3. A Simple Client Class for Microblog API.mp4

17:56

4. Sharing the API Client through a Context.mp4

09:56

5. The User Profile Page.mp4

11:29

6. Making Components Reusable Through Props.mp4

08:32

7. Pagination.mp4

15:31

8. Forms and Validation

1. Introduction.mp4

00:11

2. Introductions to Forms with React-Bootstrap.mp4

01:38

3. A Reusable Form Input Field.mp4

07:52

4. The Login Form.mp4

08:25

5. Controlled and Uncontrolled Components.mp4

02:24

6. Accessing Components through DOM References.mp4

06:40

7. Client-Side Field Validation.mp4

03:20

8. The User Registration Form.mp4

10:15

9. Form Submission and Server-Side Field Validation.mp4

11:22

10. Flashing Messages to the User.mp4

26:44

9. Authentication

1. Introduction.mp4

00:09

2. Enabling Back End Authentication.mp4

03:08

3. Authentication in the API Client.mp4

13:24

4. A User Context and Hook.mp4

12:58

5. Implementing Private Routes.mp4

06:47

6. Public Routes.mp4

02:46

7. Routing Public and Private Pages.mp4

03:56

8. Hooking Up the Login Form.mp4

08:56

9. User Information in the Header.mp4

14:12

10. Handling Refresh Tokens.mp4

08:16

10. Application Features

1. Introduction.mp4

00:13

2. Submitting Blog Posts.mp4

15:37

3. User Page Actions.mp4

30:17

4. Changing the Password.mp4

07:29

5. Password Resets.mp4

12:36

11. Memoization

1. Introduction.mp4

00:14

2. The React Rendering Algorithm.mp4

02:41

3. Unnecessary Renders.mp4

03:08

4. Memoizing Components.mp4

03:13

5. Render Loops.mp4

10:35

6. Memoizing Functions and Objects.mp4

08:24

12. Automated Testing

1. Introduction.mp4

00:12

2. The Purpose of Automated Testing.mp4

01:23

3. Testing React Applications with Jest.mp4

02:31

4. Renders, Queries and Assertions.mp4

08:26

5. Testing Individual Components.mp4

13:58

6. Using Fake Timers.mp4

13:45

7. Mocking API Calls.mp4

25:43

13. Production Builds

1. Introduction.mp4

00:10

2. Development vs. Production Builds.mp4

00:50

3. Generating React Production Builds.mp4

04:55

4. Deploying the Application.mp4

03:57

5. Production Deployment with Docker.mp4

17:48

6. Next Steps.mp4

02:27

Description

Learn front end development with React by building a complete project step-by-step

What You'll Learn?

Write complete front end applications using JavaScript and React
Rendering of text, images and layout elements such as sidebars and headers
User registration, login and logout
Password change and recovery
Pagination
Client-side routing and navigation
Automated testing

Who is this for?

Beginner and intermediate JavaScript developers interested in learning front end web development with React.

What You Need to Know?

Basic experience with JavaScript, HTML and CSS

Familiarity with the command-line prompt in your operating system to perform basic file and directory functions.

More details

Description
The React Mega Tutorial is a comprehensive step-by-step tutorial for beginner and intermediate JavaScript developers that teaches front end web development with React, a popular JavaScript library for building user interfaces in the browser.
With the help of this course, you will build a nicely featured social blogging application. The course begins from the absolute beginning, by showing you how to create a brand new React project. Then, each successive chapter adds and expands the project with new features. All the code featured in this course is open source and available on GitHub. Once you learn with this project, you are welcome to use the code for your own projects!
Some of the topics covered in this course include the following:
Overview of modern JavaScript features commonly used in React applications
Rendering of text, images and layout elements such as sidebars and headers
User registration, login and logout
Password change and recovery
Pagination
Client-side routing and navigation
Automated testing
Deployment strategies
and more!
Many of the features covered in this course require the support of a back end service. While this course does not cover back end development, a complete open source back end project specifically designed for this course is provided, along with instructions to install it and run it.
Who this course is for:
Beginner and intermediate JavaScript developers interested in learning front end web development with React.

User Reviews

Rating

average 0

Total votes0

Focused display

React

Miguel Grinberg

Instructor's Courses

Miguel Grinberg has over 25 years of experience as a software engineer in a variety of areas such as web development, microservices, cloud, video broadcasting and computer animation. He blogs about a variety of topics including web development, Python, robotics, photography and the occasional movie review. Miguel lives in beautiful Portland, Oregon.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.