A Course You'll Actually Finish

React 18 for Beginners

A step-by-step guide to building web apps with React 18+ and TypeScript

Beginner
8 Hours
140 Lessons
Downloadable Content
Hands-on Exercises
English Captions
Certificate of Completion
Lifetime Access
Learn at Your Own Pace

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.

Made with 🩷

About the Course

If you want to confidently build modern web apps with React and TypeScript, this 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.

A Perfectly Structured Course

Course Content

8 Hours . 8 Sections . 140 Lessons

Getting Started(3m)

Welcome
Preview
Prerequisites
Preview
Source Code
Questions and Support
Connect with Me
Learning Paths

Getting Started with React(18m)

Building Components(58m)

Styling Components(32m)

Managing Component State(41m)

Building Forms(1h)

Connecting to the Backend(1h)

Project: Building a Video Game Discovery App(3h)

Target Student

Who Is This For?

Beginners who want to learn React from scratch and build real-world apps
React developers who want to fill in the gaps in their knowledge and take their skills to the next level
Anyone who wants to become a confident and proficient React developer

What You Should Know First

Prerequisites

You don't need prior knowledge of React to take this course. However, you should have some basic knowledge of web development, including HTML, CSS, and modern JavaScript. Please note that we'll be using TypeScript in this course, but don't worry if you've never used TypeScript before - I'll cover everything from scratch.

Here are the courses we recommend if you need to strengthen the fundamentals.

The Ultimate HTML5 & CSS3 Series

14h

Everything you need to build fast and stunning websites with HTML5 and CSS3 in one bundle

The Ultimate JavaScript Series

10h

Master JavaScript: Go from Novice to Professional. Everything you need to code in JavaScript in one bundle!

Your Instructor

Meet Your Instructor

Hi! I'm Mosh Hamedani. I’ve spent 20+ years in software engineering, and my goal isn’t just to teach you to code — it’s to help you think like a professional software engineer, master problem-solving, and build skills you’ll use for life.

10M+

Students taught

YouTube fans

20+

Years of experience

Coding courses

Success Stories

What Our Students Are Saying

Excellent

4.7out of 5 based on 3661 reviews

Don’t just take my word for it—hear from students who have transformed their skills and careers with this course.

Alexandra Munteanu
The best React course I've tried. Mosh is an amazing instructor! The lessons are not too easy, not too complicated, not too long, and definitely not boring like other platforms out there. You get the lesson explained, with real examples, note sheets to download, and exercises. The best part is that Mosh takes the time to explain how to solve those exercises too! If you are a self-taught developer, this course is for you!
Денис Монастырский
Mosh never ceases to amaze me. His courses are always top-notch. Mosh manages to teach complex things easily. Thanks to his React course, I became a programmer and got my first job. If you want to learn from the best, you should choose Mosh as your mentor.
Kyle Steinmann
So I bought this course because I wanted a structured way to learn React and web development. I was amazed at how clear everything was explained! I bought a years subscription, and with all the content included, I would say It is very worth it.
Jake
I had an interest in React whilst I was in a previous job not using it at all, so I did the free YouTube version of your first React course and found it very useful! I then paid for the full thing, and I now have a job working with React, thanks Mosh!
John Loveland
Mosh's new React course is great! I'm a professional software engineer and I've always been impressed with Mosh's courses, as well as developers who have taken his courses. So, when I got a React client and I saw there was a new React course out, I had to check it out. It's saved me tons of time trying to figure out the React paradigm and get up and running building components

Ready to Code Like a Pro?

Stop wasting time on long, bloated courses and scattered tutorials. Here, you’ll get concise, focused lessons that give you real skills without wasting your time. Enroll now and start right away.

$19$149

Limited Time!

This course only
8 hours of HD video
Downloadable content
Hands-on exercises
English captions
Certificate of completion
Lifetime access
Learn at your own pace

Buy This Course

30-Day Money-Back Guarantee

Try It, Risk-Free

I’m confident you’ll love this course. But if it’s not the right fit, no worries! Get a refund within 30 days — no questions asked.

Need More Details?

Frequently-Asked Questions

How is this course different from YouTube tutorials?
Crystal clear and straight to the point, each lesson is concise and packed with 20 years of software engineering experience. No rambling—just a perfectly structured path to help you really understand and build your skills.
What’s the difference between buying a course and subscribing?
Buying the course gives you lifetime access to this specific course with a one-time payment. Subscribing, on the other hand, grants you access to this course along with the entire course library for as long as your subscription is active. Subscriptions also include new courses added in the future.
How long will I have access to the course?
If you purchase this course, you’ll have lifetime access, allowing you to revisit lessons and resources anytime. If you subscribe, you’ll have access to this course and all others in the library as long as your subscription is active.
Is there a money-back guarantee?
Yes, there’s a 30-day money-back guarantee. If you find the course isn’t a good fit, you can request a refund within the first 30 days.

Still Unsure?

Preview the First Hour of the Course

Get a free preview of the lessons to experience the clarity, structure, and real-world skills my courses offer.

Preview Course