A Course You'll Actually Finish
React Course for Beginners
A step-by-step guide to building web apps with React 18+ and TypeScript
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.
A Perfectly Structured Course
Course Content
8 Hours . 8 Sections . 140 Lessons
Getting Started(3m)
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.
Everything you need to build fast and stunning websites with HTML5 and CSS3 in one bundle
Master JavaScript: Go from Novice to Professional. Everything you need to code in JavaScript in one bundle!
Your Instructor
Why Learn From Me?
Hi! I'm Mosh Hamedani. I’ve been a software engineer for over 20 years and teaching coding for the last 10. In that time, I’ve helped millions of students level up as developers.
My teaching style is simple: no fluff, no wasted time. Every lesson is practical, structured, and easy to follow.
When you take one of my courses, you don’t just learn to code — you learn how to think like a developer.
10M+
Students taught
5M
YouTube fans
20+
Years of experience
53
Coding courses
Success Stories
What Our Students Are Saying
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.
JakeI 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
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 single course and getting Lifetime Access?
Buying a single course gives you lifetime access to just that course. Lifetime Access unlocks everything I’ve ever created—and everything I’ll release in the future—with a single payment.
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.
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.
30-day money-back guarantee
- 8 hours on-demand video
- 140 lessons
- Lifetime access
- Downloadable content
- English captions
- Certificate of completion