Let’s face it – all the cool kids are using React…

What more can you ask for from a JavaScript library created by Facebook?

But seriously, if you don’t know how to build apps with React – then you’re falling behind the curve. Since its 2011 release, it has become the most widely used JavaScript library.

It is used by both new and experienced developers to create app fronts-Ends that stand out are quick, dynamic and standout. You can see the end result if you click here React apps are like, just think of the big popular sites like Facebook, Instagram, Netflix, Yahoo, the list goes on…

If you are fed up with boring, repetitive, and slow courses, then I have the right course for you.

It is highly technical and combines theory with practice. This book covers every aspect you need, starting from the basics. React Developer to expert.

I share tips from several years’ experience using React, including the do’s and don’ts, best practices, common mistakes and practical shortcuts that every professional React Developers need to be aware.

From Beginner to Advanced
Last updated: React 16.12
Access for Life
220 Lessons
13 hours of video
Exercises and solutions
Downloadable
Subtitles
Mobile/Mobile Access
Certificate

By the end of this course, you’ll be able to…

Fast and interactive building and deployment React Apps with confidence
Learn as much as you can React Native (for building mobile applications)
Use cutting-Edge E8 JavaScript
Distinguish between “good” “bad” code

What You Will Learn…

This course is different from other courses that teach you how to build.-Do apps, I will show you how to create a video rental app. This course will teach you all the necessary skills to create high-quality apps.

• Modern JavaScript features
• Build reusable components
• You can create tables and lists with pagination and sorting.
• Validate forms
• With routing React Router
• Axios offers HTTP services.
• Implement authentication and authorization
• Log and manage errors efficiently
• Learn all about Hooks and Function Components
• Share data using React Context
• Get your React Apps to Heroku
• Write clean, maintainable code like a pro
• You can take shortcuts to write more code faster
• There’s so much more!

Bite-Easy to remember, sized and memorable-To-Videos with no fluff are easy to digest

Completed Mastering React Course by @moshhamedani. I highly recommend it. This course covers almost everything you need when react is used. #React #reactjs #javascript
— Alan (@alantucker) August 15, 2018

#React Course by @moshhamedani. I have read many books and seen many videos tutorials. But this course is just. “Complete”It’s literally what I meant. Many thanks Mosh https://t.co/Hgd26ZnOkn
— ANDRIAMILAMINA (@andrm_mng) April 13, 2019

Who is this course for

React This is the most popular front-End library around the globe Employers and clients seek developers who are knowledgeable in this area. React well. It’s very well! So, it’s important to have React You can increase your chances of getting a job and making more money by updating your resume. This course is for:

Anyone who wants to learn front-End development React
Front-End developers who are familiar with Vue or Angular and want to add functionality can use other libraries and frameworks. React Add to their toolbox
Back-End developers who wish to make the transition to full-stack development

No prior knowledge is required

You only need some basics, which is all you need.-JavaScript is a language that you are familiar with.

You don’t need to know anything about React – everything is covered in the course.
Join 50963 other happy students

Your instructor

Mosh Hamedani

Hi! Hi! Mosh Hamedani. I am a software engineer with over 20 years of experience. Through my YouTube channel and online courses, I have taught millions how to code as well as how to become a professional software engineer.

Coding should be fun and accessible for everyone, I believe.

Course Curriculum

Getting started at 00:28

1. What is it? React (4:32)

2- Setting up the Development Environment (3.37)

3- Your First React App (6:33)

4- Hello World (5:25)

5- Custom Configs (3.11)

6- Full-stack Architecture (2:44)

7-Course Structure (2:24).

Redux?

Follow me Around

ES6 Refresher 00:48

1 – Introduction (1.43)

2- Let vs Var vs Const (3:52)

3-Objects (2.45)

4- The this keyword (2:49)

5- Binding this (2.36)

6- Arrow Functions (4.15)

7- Arrow Functions and This (4:14).

8- Array.map Method (3.36)

9- Object Destruction (2:29).

10- Spread Operator (4.02)

11- Classes (3.45)

12- Inheritance (4.03)

13- Modules (4:11)

14- Named and default exports (5:15).

Components (01.17)

1- Introduction (1.38)

2- Setting up the Project (2.06)

3- Your First React Component (5:20)

4- Specifying Children (4.16)

5- Embedding Expressions (4.50).

6- Setting Attributes (5.45)

7- Rendering Classes Dynamically (4.18)

8 – Rendering lists (3:58).

9- Conditional rendering (6:04).

10- Handling Events (2.49)

11- Binding Event Handlers (36:36)

12- Updating State (2:14).

13- What happens when the state changes (2:04).

14- Arguments about Passing Events (3:04).

15- Setting up the Vidly Project (5.38)

16- Exercises (3:25)

17- Building The Movies Component (7.18)

18- Deleting Movies (5:18).

19- Conditional rendering (3:26).

20 – Summary (0.36)

Composing Components (01.19)

1- Introduction (0.45)

2- Composing Components (3.45)

3- Data for components (Passing Data) (3:11

4- Passing Children (3:10)

5 – Debugging React Apps (4.09)

6- State vs. Props (2:24).

7 – Raising and handling events (4:52)

8- Updating The State (4.38)

9- One Source of Truth (3.55)

10- Removing Local State (6.47)

11- Multiple components in sync (5:53).

12- Lifting the state up (5:36).

13 – Stateless Functional components (2:29).

14- Destructuring Arguments (2:00).

15 – Lifecycle Hooks (1.38)

16 – Mounting Phase (5.34)

17- Updating Phase (4.20)

18- Unmounting Phase (1.26)

19- Exercise- Decrement Button (1:05)

20- Solution – Decrement Button (4.53)

21- Exercise- Like Component (1:44)

22- Solution- Like Component (12:26)

23- Summary (0.42)

Sorting (01.47)

1- Introduction (1:08).

2- Exercise- Pagination Component (1:01)

3- Pagination- Component Interface (3:47)

4- Displaying Pagination Pages (6.48)

5- Pagination- Handling Page Changes (5:49)

6- Pagination-Paginating Information (6:14).

7- Pagination-Type Checking with PropTypes (4.56)

8- Exercise- ListGroup Component (1:24)

9- Filtering- Component Interface (5:32)

10- Filtering-Displaying Items (3:57).

11- Filtering – Default Props (2.06)

12- Filtering- Handling Selection (4:20)

13- Filtering – Implementing Filtering (2.59)

14- Filtering – Adding All Genres (3.39)

15- Sorting-Extracting MoviesTable (5.19)

16- Sorting- Raising Sort Event (3.28)

17- Sorting- Implementing sorting (5:13).

18- Sorting-Moving Responsibility (5:15).

19- Sorting-Extracting TableHeader (7.44)

20- Sorting and Extracting TableBody (3.12)

21- Sorting-Rendering Cell Content (8.02)

22- Sorting- Unique Keys – Final (2:58)

23- Sorting – Adding the Sort Icon (3.57)

24- Sorting-Extracting Table (3:51).

25- Sorting and Extracting a Method (3.18)

26- Destructuring Arguments (0.58)

27- Summary (0.51)

A Quick Note

Routing (00.53)

1- Introduction (0.33)

2-Setup (1:46).

3- Adding Routing (4.15)

4-Switch (2:26).

5-Link (4.20)

6-Route Props (2:10)

7- Passing Props (2.35)

8-Route Parameters (3.32)

9- Optional Parameters (2.06)

10- Query String Parameters (3.51)

11- Redirects (3.06)

12- Programmatic Navigation (2.20).

13- Nested Routing (4.35)

14- Routing and NavBar Exercises (1:43)

15- Adding React Router (1.26)

16- Adding Routes (4.57)

17- Adding NavBar (4.39)

18- Linking with the MovieForm (4.42)

19 – Summary (0.31)

Forms (01.34)

1- Introduction (0.38)

2- Building a Bootstrap Formula (5:34).

3- Handling Form Submission (2:00)

4- Refs (3:58)

5- Controlled Elements (4.32)

6- Handling Multiple Inputs (2.49)

7- Common Errors (2:28)

8- Extracting Reusable Input (3.57)

9- Validation (2.56)

10- Basic Validation Implementation (3.11)

11- Displaying Validation errors (3:42).

12- Validation on Change (4.19)

13- Joi (4:33)

14- Validating a form using Joi (4.43)

15- Validating Fields Using Joi (5.22)

16- Disabling The Submit Button (1.11)

17- Code Review (3:13)

18- Extracting Reusable Forms (4:51).

19- Extracting Helper Rendering Methods (8:18)

20- Register Form (1.42)

21- Code Review (1:10)

22- Exercise 2- Movie Form (3:18)

23- Code Review (8:24)

24- Exercise 3: Search Movies (1.22)

25- Code Review (5:12)

Calling Backend Services (0:42)

1- Introduction (1.13)

2- JSON Placeholder (2.54)

3-HTTP Clients (2.56)

4- Getting data (5:26).

5- Creating Data (4.52)

6- The Life Cycle of a Request (2.50)

7- Data Updating (4:14).

8- Data deletion (1:35).

9- Optimistic vs Pessimistic Updates (4:24)

10- Expected vs Unexpected Errors (6:40)

11- Handling Unexpected Errors Globally (7.54)

12- Extracting a Reusable HTTP Service (3:43).

13- Extracting a Configuration Module (1:36).

14- Displaying Toast Notifications (2.56)

15- Logging Errors (5:47)

16- Extracting a logger service (4:25).

17- Vidly backend (1:50).

18- Installing MongoDB for Mac (3:58).

19- Installing MongoDB on Windows (5:39)

20- Setting Up The Node Backend (2.44)

21- Disabling Authentication (4:01)

22- Exercise- Connect Movies Page and Backend (1.56)

23- Adding Http and Log Services (2.38)

24- Replacing FakeGenreService (3:23)

25- Replacing FakeMovieService (5:48)

26- Extracting a config file (1:54).

27- Exercise- Connect Movie form to the Backend (0.56)

28- Populating The Form (3:45).

29- Refactoring (2:20)

30- Saving the Movie (2.40)

31- Refactoring (2.36)

Authentication (01:41).

1 – Introduction (0.49)

2- Registering for a New User (2.37)

3- Submitting the Registration form (4:30).

4- Handling Registration Errors (1:58)

5- Logging in as a User (1.43)

6- Filling out the Login Form (2.23)

7- Handling Login Errors (1:51)

8- Storing the JWT (3.04)

9- Logging in as a User after Registration (5.37)

10- JSON Web Tokens (JWT) (3:59)

11- Getting Current User (4.18)

12- Displaying the Current User in NavBar (4.48)

13- Logging out of a User (2.44)

14- Refactoring (10.03).

15- Calling Protected API Endpoints (4.10)

16- Fixing Bi-directional Dependencies (2:43)

17- Authorization (6.30 PM)

18- Showing and hiding elements based on the user (2:40).

19- Protecting Routes (2.50).

20- Extracting ProtectedRoute (5.55)

21- Redirecting after Login (5:40)

22- Exercise (0:19)

23- Hide the Delete Column (4.19)

Deployment (00.35)

1- Introduction (0.38)

2- Environment Variables (4:58)

3- Production Builds (2.48)

4- Getting ed in Heroku (2.06)

5- MongoDB Cloud (2.35)

6- Adding Code to a GIT Repository (3.05)

7- Deploying To Heroku (3.01)

8-Viewing Logs (2.40).

9- Setting Environment Variables for Heroku (4.37)

10- Preparing your Font-End for Deployment (4.09)

11- Deploying the Front-End (2:38).

Advanced Topics (01.04)

1- Introduction (0.31)

2-Source Code

3. Setting up the Development Environment (3.13)

4- Higher Order Components (2.04)

5- Implementing a Higher Order Component (8.35).

6- Hooks (3.06).

7- The useState Hook (8.30)

8- The useEffect Hook (5.46)

9- Custom Hooks (3.04).

10- Fetching data with hooks (4:37).

11- Context (2.10)

12- Class Components Context (9:46)

13- The context of Functional Components (3.33)

14- Updating Context (7.06)

15- Consuming Multiple Contexts (2.24)

16- Thank you!

17- What’s Next?

---

Delivery Method
> All courses are available. We will send you the course you purchased via the order email.
> If you can’t find the download link for the course you paid for, please don’t worry about it. We will notify and update you via your email at 7:00 AM – 11:00 PM (UTC)
> In case the link is broken for any reason, please contact us via email [email protected] or live chat on the website. We will resend you a new download link.
> All courses are digital online versions, so you will download and save to your hard drive.