Modern React From The Beginning
The Only React Course You'll Need
Master React development through our comprehensive curriculum, designed to transform beginners & intermediate developers into pros
Add To Cart
1,000+
Students Enrolled
4.9
Rated
English
Course Language
Last Updated
07/2025
Course Overview Video
25.5Â hours on-demand video
17Â downloadable resources
Full lifetime access
Access on mobile and TV
Certificate of completion
What you'll learn
Course Description
In this course, you will learn to master React concepts such as components, state, common hooks, context but you will also learn how to use React in different environments and with technologies like React Router v7 (both declarative & framework mode with SSR), TanStack Router, TanStack Query, MERN, TypeScript and more. This course is for both beginners and intermediate React developers.
Check Out The Curriculum Below!
Module 1: Intro & Getting Started
Module 2: JavaScript Refresher For React Developers
Module 3: React Fundamentals - Components, Props, State, etc
Module 4: Forms, Input & Controlled Components
Module 5: ComponLifecycle & useEffect Hook
Module 6: useRef Hook - Simple Timer Project
Module 7: Working With APIs - Crypto Dash Project
Module 8: React Router: Declarative Mode
Module 9: Build & Deploy
Module 10: Context API - Shopping Cart UI
Module 11: React Router: Framework Mode & TS - Friendly Dev Project
Module 12: Loaders, Filtering, Pagination & More
Module 13: Inner Pages, Actions & Markdown Blog
Module 14: Strapi Headless CMS For Content
Module 15: Cloudinary Images, Contact Form & Full Stack Deploy
Module 16: TanStack Query - GitHub Finder Project
Module 17: TanStack Router - IdeaDrop
Module 18: MERN: Backend Express API
Module 19: API Authentication With JWT
Module 20: Full Stack Authentication - Put It All Together
Module 21: MERN App Deployment
Course Projects
Let's take a look at the projects.
Focused Mini-Projects
Build a bunch of mini-projects that focus on a specific topic/concept. Timer, Notes App, Rating UI
GitHub Finder
Use TanStack Query to interact with the GitHub API. Filter, search, save recent searches and follow users
Shopping Cart UI
Learn about global state and the context API by building a simple shopping cart interface
Portfolio Website & Blog
React Router v7 Framework mode with SSR and the Strapi headless CMS for projects and blog posts
Idea Share App
Fullstack MERN app that uses TanStack Router with TanStack Query along with JWT auth & refresh tokens
