React 18 for Beginners
A step-by-step guide to building web apps with React 18+ and TypeScript
3661 reviewsSubscribe to access all courses. Cancel anytime!
Subscribe for $29/mor
Course Overview
- Beginner
- 8 hours of HD video
- 140 lessons
- Downloadable content
- Hands-on exercises
- English captions
- Certificate of completion
- Lifetime access
- Learn at your own pace
Clear. Concise. Comprehensive.
Tired of piecing together disconnected tutorials or dealing with rambling, confusing instructors? This course is for you! It's perfectly structured into a series of bite-sized, easy-to-follow videos that cover both theory and practice.
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.
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
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)
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
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
$19$149
Master JavaScript: Go from Novice to Professional. Everything you need to code in JavaScript in one bundle!
$19$69
Choose Your Language
This course is available in multiple languages to ensure you get the most out of your learning experience.
Hello,
I'm Mosh Hamedani.
Are you feeling stuck or overwhelmed in your coding journey? Don't worry, I've got your back! Together, we'll work to level up your skills, increase your earning potential, and build a brighter future.
10M+
Students taught
4M
YouTube fans
20+
Years of experience
52
Coding courses
Testimonials
What my students say
“I started learning programming w/ Mosh 4 years ago with his C# & .NET courses. Thanks to those I landed my first job. Then, I continued to learn from his materials and made the jump from Jr. to Ssr. and then to Sr. Software Engineer (my salary went 10x from my first job). Now, 4 years later I continue to learn with his excellent courses.”
“Mosh doesn't fail to leave out important details. You can tell that Mosh has put a lot of thought into creating these courses. His professional and personal experience drives these courses to be thoughtful and outstanding.”
“The best courses I’ve participated so far. Mosh has a unique teaching ability. His lectures are fun and engaging. The visuals are great. Relatively dificult concepts are explained with simple words. Whenever any one asks for a programming course I recommend Mosh Hamedani, and only him. Other courses I’ve had were at best mediocre.”
“I love how every part of the course is broken down very well that even beginners can understand it and not feel overwhelmed, confused or carried away. Also how the lessons/course is in sections, one can go back to a particular section for review if need be especially when working on the exercises.”
“I found this course to be complete and very clear and easy to follow. Mosh is very good at explaining, it feels like a friend talking to you very naturally, and the course is very entertaining. And it comes at an amazing value! I definitely recommend it!”
“This is my second course from Mosh and it is great as well, The way he explains little details (how and why's) is very helpful and builds a solid base of understanding the code. Great instructor!”
Accelerate Your Coding Journey
Don't waste your valuable time piecing together disconnected tutorials from different sources. Enroll now and gain the skills and knowledge you need to excel, all in one place.
- 52 comprehensive courses
- 340 hours of HD video
- Downloadable content
- Hands-on exercises
- English captions
- Certificate of completion
- Access while subscribed
- Learn at your own pace
Cancel anytime!
- In-depth course
- 8 hours of HD video
- Downloadable content
- Hands-on exercises
- English captions
- Certificate of completion
- Lifetime access
- Learn at your own pace
Try it risk free!
Looking for a team license? Contact us