Mastering React
Say goodbye to scattered tutorials and endless fluff. This course gives you a clear, structured path with bite-sized videos that blend theory and hands-on practice.
0
Students
204
Lectures
Code With Mosh
Instructor
About This Course
Made with đź©·
About the Course
If you want to learn React by building a real, production-ready app, this React course is for you. In React 18 for Beginners, we’ll take a step-by-step approach to building a production-grade app for discovering video games—packed with all the features and UI patterns you’d expect to see in modern apps.
You’ll learn how to create reusable components, manage state, and handle forms like a pro. We’ll cover everything from using React Hook Forms and implementing form validation with Zod to styling components with vanilla CSS, CSS modules, and CSS-in-JS. And yes, we’ll also show you how to connect your app to the backend and deploy it.
Along the way, I’ll share VSCode shortcuts to boost your productivity and teach you the latest techniques and best practices for writing clean, maintainable code. And don’t worry about troubleshooting—by the end of this course, you’ll be solving errors with ease.
Like all my courses, this one is clear, concise, comprehensive, well-organized, and practical. You’ll walk away with the skills and confidence to build front-end apps with React and TypeScript, while also creating real-world projects you can be proud of.
Highly Practical
What You'll Learn
- Confidently build front-end apps with React and TypeScript
- Build reusable function components
- Style your components using vanilla CSS, CSS modules, and CSS-in-JS
- Manage component state
- Build forms with React Hook Forms
- Implement form validation using Zod
- Connect your React apps to the backend
- Deploy your React apps
- Use VSCode shortcuts to increase your productivity
- Apply the latest techniques and best practices
- Troubleshoot errors with ease
- Write clean code like a pro
Learn by Doing
What You'll Build
In this course, we’ll build and deploy a polished, production-ready app for discovering video games. This app includes all the modern features you’d expect, like light and dark mode toggling, game search, filtering, sorting, and loading skeletons. By the end, you’ll have a professional-grade app that showcases the power and flexibility of React. Get a sneak peek of this app in the course trailer video on this page.
Curriculum Overview
This course includes 11 modules, 204 lessons, and 0 hours of materials.
Getting Started
7 Parts
What is React
Free
Volume
65.7 MB
Setting Up the Development Environment
Volume
108.0 MB
Your First React App.mp4
Volume
128.2 MB
Hello World
Volume
90.9 MB
Custom Configs
Volume
89.4 MB
Full-stack Architecture
Volume
67.9 MB
Course Structure
Volume
19.0 MB
Deployment
11 Parts
Introduction
Free
Volume
3.5 MB
Environment Variables
Volume
95.0 MB
Production Builds
Volume
59.8 MB
Getting Started with Heroku
Volume
41.2 MB
MongoDB in the Cloud
Volume
86.0 MB
Adding Code to a Git Repository
Volume
76.3 MB
Deploying to Heroku
Volume
47.8 MB
Viewing Logs
Volume
70.8 MB
Setting Environment Variables on Heroku
Volume
72.3 MB
Preparing the Font-end for Deployment
Volume
82.1 MB
Deploying the Front-end
Volume
58.9 MB
Authentication and Authorization
23 Parts
Introduction
Free
Volume
5.1 MB
Registering a New User
Volume
36.3 MB
Submitting the Registration Form
Volume
109.1 MB
Handling Registration Errors
Volume
54.5 MB
Logging in a User
Volume
27.9 MB
Submitting the Login Form
Volume
63.9 MB
Handling Login Errors
Volume
45.8 MB
Storing the JWT
Volume
73.5 MB
Logging in the User upon Registration
Volume
149.9 MB
JSON Web Tokens (JWT)
Volume
108.0 MB
Getting the Current User
Volume
144.6 MB
Displaying the Current User on NavBar
Volume
133.1 MB
Logging out a User
Volume
71.4 MB
Refactoring
Volume
300.3 MB
Calling Protected API Endpoints
Volume
102.9 MB
Fixing Bi-directional Dependencies
Volume
53.5 MB
Authorization
Volume
184.4 MB
Showing or Hiding Elements based on the User
Volume
92.7 MB
Protecting Routes
Volume
99.1 MB
Extracting ProtectedRoute
Volume
179.2 MB
Redirecting after Login
Volume
166.0 MB
Exercise
Volume
5.3 MB
Hiding the Delete Column
Volume
127.7 MB
Calling Backend Services
30 Parts
Introduction
Free
Volume
17 MB
SON Placeholder
Volume
72 MB
Http Clients
Volume
30 MB
Getting Data
Volume
107 MB
Creating Data
Volume
99 MB
Lifecycle of a Request
Volume
52 MB
Updating Data
Volume
76 MB
Deleting Data
Volume
25 MB
Optimistic vs Pessimistic Updates
Volume
79 MB
Expected vs Unexpected Errors
Volume
150 MB
Handling Unexpected Errors Globally
Volume
203 MB
Extracting a Reusable Http Service
Volume
90 MB
Extracting a Config Module
Volume
37 MB
Displaying Toast Notifications
Volume
70 MB
Logging Errors
Volume
129 MB
Extracting a Logger Service
Volume
96 MB
Vidly Backend
Volume
15 MB
Installing MongoDB on Mac
Volume
89 MB
Installing MongoDB on Windows
Volume
228 MB
Setting Up the Node Backend
Volume
54 MB
Disabling Authentication
Volume
55 MB
Exercise- Connect Movies Page to the Backend
Volume
52 MB
Ading Http and Log Services
Volume
61 MB
Replacing FakeGenreService
Volume
81 MB
Replacing FakeMovieService
Volume
159 MB
Extracting a Config File
Volume
28 MB
Exercise- Connect Movie Form to the Backend
Volume
15 MB
Populating the Form
Volume
83 MB
Refactoring
Volume
65 MB
Refactoring
Volume
64 MB
Forms
19 Parts
Introduction
Free
Volume
6.5 MB
Building a Bootstrap Form
Volume
117.9 MB
Handling Form Submission
Volume
43.7 MB
Refs
Volume
95.0 MB
Controlled Elements
Volume
88.2 MB
Handling Multiple Inputs
Volume
97.1 MB
Common Errors
Volume
78.7 MB
Extracting a Reusable Input
Volume
90.9 MB
Validation
Volume
53.7 MB
A Basic Validation Implementation
Volume
65.8 MB
Displaying Validation Errors
Volume
74.7 MB
Validation on Change
Volume
106.2 MB
Joi
Volume
97.0 MB
Validating a Form Using Joi
Volume
87.7 MB
Validating a Field Using Joi
Volume
136.3 MB
Disabling the Submit Button
Volume
15.3 MB
Code Review
Volume
80.7 MB
Extracting a Reusable Form
Volume
104.7 MB
Extracting Helper Rendering Methods
Volume
152.4 MB
Routing
19 Parts
Introduction
Free
Volume
5.4 MB
Setup
Volume
30.0 MB
Adding Routing
Volume
64.5 MB
Switch
Volume
45.7 MB
Link
Volume
76.6 MB
Route Props
Volume
47.2 MB
Passing Props
Volume
50.9 MB
Route Parameters
Volume
66.0 MB
Optional Parameters
Volume
32.6 MB
Query String Parameters
Volume
66.5 MB
Redirects
Volume
61.1 MB
Programmatic Navigation
Volume
34.3 MB
Nested Routing
Volume
74.5 MB
Exercises- NavBar and Routing
Volume
20.6 MB
Adding React Router
Volume
25.2 MB
Adding Routes
Volume
109.1 MB
Adding the NavBar
Volume
114.0 MB
Linking to the MovieForm
Volume
103.1 MB
Summary
Volume
4.2 MB
Pagination, Filtering, and Sorting
27 Parts
Introduction
Free
Volume
12.8 MB
Exercise- Pagination Component
Volume
20 MB
Pagination- Component Interface
Volume
90 MB
Pagination- Displaying Pages
Volume
189 MB
Pagination- Handling Page Changes
Volume
169 MB
Pagination- Paginating Data
Volume
172 MB
Pagination- Type Checking with PropTypes
Volume
127 MB
Exercise- ListGroup Component
Volume
23 MB
Filtering- Component Interface
Volume
190 MB
Filtering- Displaying Items
Volume
100 MB
Filtering- Default Props
Volume
53 MB
Filtering- Handling Selection
Volume
123 MB
Filtering- Implementing Filtering
Volume
98 MB
Filtering- Adding All Genres
Volume
85 MB
Sorting- Extracting MoviesTable
Volume
176 MB
Sorting- Raising the Sort Even
Volume
110 MB
Sorting- Implementing Sorting
Volume
190 MB
Sorting- Moving Responsibility
Volume
180 MB
Sorting- Extracting TableHeader
Volume
248 MB
Sorting- Extracting TableBody
Volume
91 MB
Sorting- Rendering Cell Content
Volume
269 MB
Sorting- Unique Keys - Final
Volume
69 MB
Sorting- Adding the Sort Icon
Volume
91 MB
Sorting- Extracting Table
Volume
88 MB
Sorting- Extracting a Method
Volume
105 MB
Destructuring Arguments
Volume
19 MB
Summary
Volume
7 MB
Composing Components
19 Parts
Introduction
Free
Volume
5.7 MB
Composing Components
Volume
64.8 MB
Passing Data to Components
Volume
59.7 MB
Passing Children
Volume
60.4 MB
Debugging React Apps
Volume
93.8 MB
Props vs State
Volume
50.9 MB
Raising and Handling Events
Volume
86.1 MB
Updating the State
Volume
112.4 MB
Single Source of Truth
Volume
72.4 MB
Removing the Local State
Volume
138.6 MB
Multiple Components in Sync
Volume
106.4 MB
Lifting the State Up
Volume
149.0 MB
Stateless Functional Components
Volume
61.5 MB
Destructuring Arguments
Volume
47.2 MB
Lifecycle Hooks
Volume
11.8 MB
Mounting Phase
Volume
134.4 MB
Updating Phase
Volume
120.7 MB
Unmounting Phase
Volume
36.2 MB
Exercise- Decrement Button
Volume
7.3 MB
Components
19 Parts
Introduction
Free
Volume
11.3 MB
Setting Up the Project
Volume
30.2 MB
Your First React Component
Volume
78.3 MB
Specifying Children
Volume
65.2 MB
Embedding Expressions
Volume
82.9 MB
Setting Attributes
Volume
87.4 MB
Rendering Classes Dynamically
Volume
77.6 MB
Rendering Lists
Volume
86.0 MB
Conditional Rendering
Volume
92.3 MB
Handling Events
Volume
62.8 MB
Binding Event Handlers
Volume
88.0 MB
Updating the State
Volume
41.3 MB
What Happens When State Changes
Volume
35.3 MB
Passing Event Arguments
Volume
69.1 MB
Setting Up the Vidly Project
Volume
125.4 MB
Exercises
Volume
57.2 MB
Building the Movies Component
Volume
135.1 MB
Deleting a Movie
Volume
108.5 MB
Conditional Rendering.mp4
Volume
68.3 MB
ES6 Refresher
14 Parts
Introduction
Free
Volume
20.0 MB
Let vs Var vs Const
Volume
54.1 MB
Objects
Volume
35 MB
The this Keyword
Volume
39.5 MB
Binding this
Volume
35 MB
Arrow Functions
Volume
64.7 MB
Arrow Functions and this
Volume
61.5 MB
Array.map Method
Volume
53.2 MB
Object Destructuring
Volume
40.6 MB
Spread Operator
Volume
71.2 MB
Classes
Volume
40.2 MB
Inheritance
Volume
59.6 MB
Modules
Volume
59 MB
Named and Default Exports
Volume
67.0 MB
Advanced Topics
16 Parts
Introduction
Free
Volume
5 MB
react-advanced
Volume
1 MB
Setting Up the Development Environment
Volume
72 MB
Higher Order Components
Volume
16 MB
Implementing a Higher Order Component
Volume
207 MB
Hooks
Volume
36 MB
The useState Hook
Volume
195 MB
The useEffect Hook.mp4
Volume
124 MB
Custom Hooks
Volume
85 MB
Fetching Data with Hooks
Volume
120 MB
Context
Volume
15 MB
Context in Class Components
Volume
230 MB
Context in Functional Components
Volume
77 MB
Updating the Context
Volume
180 MB
Consuming Multiple Contexts
Volume
65 MB
What to Learn Next
Volume
1 MB
0
0 Reviews
Content Quality (0)
Instructor Skills (0)
Value for Money (0)
Support Quality (0)
Course Specifications
Sections
11
Lessons
204
Capacity
Unlimited
Duration
8:00 Hours
Students
0
Access Duration
99999 Days
Created Date
10 Nov 2025
Updated Date
11 Nov 2025
You are viewing
Mastering React
Subscribe to Our Newsletter
Receive expert insights, course updates, and learning resources directly in your inbox and get notified
Additional Links
Login Register Contact Certificate Validation Become Instructor About Terms and PoliciesContact US
© 2025 Rocket Soft. All Rights Reserved. Empowering Learning Worldwide.
Reply to Comment