background

React 18 for Beginners

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

4.7Stars3661 reviews

Subscribe to access all courses. Cancel anytime!

Subscribe for $29/m

or

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.

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
A perfectly structured course

Course Content

8 Hours . 8 Sections . 140 Lessons

Getting Started(3m)

  • WelcomePreview
  • PrerequisitesPreview
  • 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

                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

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

                $19$149

                The Ultimate JavaScript Series

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

                $19$69

                Learn in your preferred language

                Choose Your Language

                This course is available in multiple languages to ensure you get the most out of your learning experience.

                English
                English ($19)
                Hindi
                हिन्दी (Hindi) ($5)
                Enroll for $19

                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

                Stars
                4.7out of 5 based on 3661 reviews

                “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.”

                Federico Figueredo
                Federico Figueredo
                Stars

                “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.”

                Enkhjin Batzul
                Stars

                “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.”

                Bart
                Stars

                “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.”

                Gerald Ikenna
                Gerald Ikenna
                Stars

                “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!”

                Marco Delbue
                Stars

                “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!”

                Nadia Shahid
                Stars

                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.

                Money-back guarantee
                $29/m
                All Courses
                • 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
                Subscribe & Save

                Cancel anytime!

                Money-back guarantee
                $19$149
                Limited Time!
                • 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
                Enroll Now

                Try it risk free!

                Looking for a team license? Contact us

                © Code with Mosh