The React Mega-Tutorial

The React Mega-Tutorial, available at $59.99, has an average rating of 4.2, with 81 lectures, based on 11 reviews, and has 51 subscribers.

You will learn about 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 This course is ideal for individuals who are Beginner and intermediate JavaScript developers interested in learning front end web development with React. It is particularly useful for Beginner and intermediate JavaScript developers interested in learning front end web development with React.

Enroll now: The React Mega-Tutorial

Summary

Title: The React Mega-Tutorial

Price: $59.99

Average Rating: 4.2

Number of Lectures: 81

Number of Published Lectures: 81

Number of Curriculum Items: 81

Number of Published Curriculum Objects: 81

Original Price: $24.99

Quality Status: approved

Status: Live

What You Will 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 Should Attend

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

Target Audiences

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

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.

Course Curriculum

Chapter 1: The React Mega-Tutorial

Lecture 1: Preface

Lecture 2: Prerequisites

Lecture 3: How to Work with the Example Code

Chapter 2: Modern JavaScript

Lecture 1: Introduction

Lecture 2: ES5 vs. ES6

Lecture 3: Summary of Recent JavaScript Features

Chapter 3: Hello, React!

Lecture 1: Introduction

Lecture 2: Installing Node.js

Lecture 3: Creating a Starter React Project

Lecture 4: Installing Third-Party Dependencies

Lecture 5: Application Structure

Lecture 6: A Basic React Application

Lecture 7: Dynamic Rendering

Chapter 4: Working with Components

Lecture 1: Introduction

Lecture 2: User Interface Components

Lecture 3: The Container Component

Lecture 4: Adding a Header Component

Lecture 5: Adding a Sidebar

Lecture 6: Building Reusable Components

Lecture 7: Components with Props

Chapter 5: Routing and Page Navigation

Lecture 1: Introduction

Lecture 2: Creating Page Components

Lecture 3: Implementing Links

Lecture 4: Pages with Dynamic Parameters

Chapter 6: Connecting to a Back End

Lecture 1: Introduction

Lecture 2: Running the Microblog API Back End

Lecture 3: Using State Variables

Lecture 4: Side Effect Functions

Lecture 5: Rendering Blog Posts

Lecture 6: Displaying Relative Times

Chapter 7: Building an API Client

Lecture 1: Introduction

Lecture 2: What is an API Client?

Lecture 3: A Simple Client Class for Microblog API

Lecture 4: Sharing the API Client through a Context

Lecture 5: The User Profile Page

Lecture 6: Making Components Reusable Through Props

Lecture 7: Pagination

Chapter 8: Forms and Validation

Lecture 1: Introduction

Lecture 2: Introductions to Forms with React-Bootstrap

Lecture 3: A Reusable Form Input Field

Lecture 4: The Login Form

Lecture 5: Controlled and Uncontrolled Components

Lecture 6: Accessing Components through DOM References

Lecture 7: Client-Side Field Validation

Lecture 8: The User Registration Form

Lecture 9: Form Submission and Server-Side Field Validation

Lecture 10: Flashing Messages to the User

Chapter 9: Authentication

Lecture 1: Introduction

Lecture 2: Enabling Back End Authentication

Lecture 3: Authentication in the API Client

Lecture 4: A User Context and Hook

Lecture 5: Implementing Private Routes

Lecture 6: Public Routes

Lecture 7: Routing Public and Private Pages

Lecture 8: Hooking Up the Login Form

Lecture 9: User Information in the Header

Lecture 10: Handling Refresh Tokens

Chapter 10: Application Features

Lecture 1: Introduction

Lecture 2: Submitting Blog Posts

Lecture 3: User Page Actions

Lecture 4: Changing the Password

Lecture 5: Password Resets

Chapter 11: Memoization

Lecture 1: Introduction

Lecture 2: The React Rendering Algorithm

Lecture 3: Unnecessary Renders

Lecture 4: Memoizing Components

Lecture 5: Render Loops

Lecture 6: Memoizing Functions and Objects

Chapter 12: Automated Testing

Lecture 1: Introduction

Lecture 2: The Purpose of Automated Testing

Lecture 3: Testing React Applications with Jest

Lecture 4: Renders, Queries and Assertions

Lecture 5: Testing Individual Components

Lecture 6: Using Fake Timers

Lecture 7: Mocking API Calls

Chapter 13: Production Builds

Lecture 1: Introduction

Lecture 2: Development vs. Production Builds

Lecture 3: Generating React Production Builds

Lecture 4: Deploying the Application

Lecture 5: Production Deployment with Docker

Lecture 6: Next Steps

Instructors

Miguel Grinberg
Software Engineer

Rating Distribution

1 stars: 0 votes

2 stars: 2 votes

3 stars: 0 votes

4 stars: 3 votes

5 stars: 6 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!