Ready to Become a React Expert?
Welcome the Ultimate React Course, where you will learn the world's most powerful JS Library from Beginner to Advanced.
Enter the New Era of React 🚀
React isn’t just another JavaScript library—it’s the powerhouse behind the most dynamic, interactive web experiences of our time. When you learn React, you’re not simply picking up a tool; you’re stepping into the future of web development and joining the ranks of the world’s top developers.
Imagine creating high-performance applications that captivate millions—apps built with the same technology powering industry giants like Facebook, Instagram, and Airbnb. With React, you gain the ability to build modern, scalable interfaces using a component-driven approach that’s both intuitive and robust.
Stop settling for mediocrity. It’s time to elevate your skills, future-proof your career, and become a true innovator in web development. Ready to build the next generation of remarkable apps? Your journey to becoming a React powerhouse starts now.
All These Companies Use React, So Why Don't You?
So... What Will We Learn?
React fundamentals (Components, JSX, Hooks)
Advanced state management with React Query & Zustand
Custom hooks and complex React patterns
TypeScript for React (Interfaces, Enums, Unions, Custom Types)
API integration using Supabase (Auth & Real-Time Data)
Advanced Best Practices
Testing and debugging
And more!
Curriculum
- What are we building? (2:54)
- Project Demo (2:26)
- Project Structure (5:28)
- Setup REST API (12:43)
- Set Up React Project (6:02)
- Setup the Project Routes (9:12)
- Fetch List of Games (8:13)
- Display List of Games (1:44)
- Create Game Page (20:03)
- Invalidating Queries (5:34)
- Update Game Page (6:05)
- Fetch Game By Id (3:47)
- Reseting the Form (7:21)
- Update Game Endpoint (4:28)
- Update Game Mutation (2:49)
- Invalidating More Queries (2:58)
- Creating the Delete Game Endpoint (1:58)
- Adding the Delete Button (5:28)
- Creating the Theme Manager (11:59)
- Creating the 404 Page Not Found (2:19)
- Why Typescript? (3:16)
- Basic Typescript Types (6:23)
- Functions in Typescript (2:41)
- Custom Typescript Types (4:34)
- Unions (3:33)
- Interfaces (5:31)
- Intersections (1:54)
- Enums (2:40)
- Setting Up Typescript in React (4:05)
- Props using Typescript (3:39)
- States using Typescript (3:30)
- Forms using Typescript (2:02)
- Zustand using Typescript (2:16)
- What are we building? (4:44)
- Project Demo (4:05)
- Project Setup (4:42)
- Setting up SupaBase (8:27)
- Creating the Login Page (8:19)
- Login Page Form Validation (5:15)
- Setting Up Supabase Auth (9:42)
- Supabase Auth Listener (12:04)
- Setting Up Project Routes (11:08)
- Chat Room Page (7:45)
- Creating the Database Table (17:42)
- Loading the Chat Messages (11:04)
- Displaying the Messages (9:44)
- Realtime Messages (9:34)
- Create a New Room Page (11:08)
- List Available Rooms (8:00)
Who am I?
Hi, I'm Pedro. I'm a FullStack Software Engineer at Twitch and a React specialist with over 6 years of experience teaching web development. Through my YouTube channel, I've had the privilege of teaching over 22 million people, making coding accessible and fun for everyone.
But I'm not a genius—I’m just a normal guy who struggled to learn React when I first started. I understand the challenges of going from complete confusion to clarity, and that's why my teaching style resonates with so many of my students. I break down complex concepts into simple, actionable steps that guide you from not knowing to truly understanding.
Join me on this journey, and let's unlock your potential together in the exciting world of React development.