🔑 Key Learning Outcomes
- Understanding how to build front-end apps with React and TypeScript.
- Creating reusable function components.
- Styling components using various CSS methods.
- Managing component state effectively.
- Building forms with React Hook Forms.
- Implementing form validation with Zod.
- Connecting React apps to the backend.
- Deploying React apps.
- Using VSCode shortcuts for productivity.
- Applying the latest techniques and best practices.
- Troubleshooting errors with ease.
- Writing clean code.
👨🏫 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, handle forms, style components, connect to the backend, and deploy your applications.
🎯 Target Audience
- Beginners who want to learn React from scratch and build real-world apps.
- React developers looking to enhance their knowledge and skills.
- Individuals aiming to become confident and proficient React developers.
✅ Requirements
- Basic knowledge of web development including HTML, CSS, and modern JavaScript.
- No prior experience with React is required.
- TypeScript will be used in the course, but all necessary concepts will be covered from scratch.
📖 Course Content
- Getting Started.
- Building Components.
- Styling Components.
- Managing Component State.
- Building Forms.
- Connecting to the Backend.
- Project: Building a Video Game Discovery App.
Drop a comment
React 18 for Beginners by Mosh Hamedani
Log in to leave a feedback
Login👇 Psst! Interested in More React Courses?



Building an OpenGraph Image Generation API with Cloudinary, Netlify Functions, and ReactVideo
by Chris Biscardi
🕹️ Levels: 😎 Intermediate
⏳ Duration: 1 hours
🤑 Price: Subscription
🧑💻 Learning Platform: Egghead.io

Higher Order Components with Functional Patterns Using RecomposeVideo
by Tim Kindberg
🕹️ Levels: 😎 Intermediate
⏳ Duration: 1 hours
🤑 Price: Subscription
🧑💻 Learning Platform: Egghead.io

Learn React Page in React DocsWrittenInteractive
🕹️ Levels: 🌱 Beginner, 😎 Intermediate, 🚀 Advanced
🤑 Price: Free