
UdemyThis course uses a three-project progression to teach React fundamentals without overwhelming beginners. You start with a Feedback App to understand components and hooks, move through a GitHub API integration, then build a larger Firebase-backed marketplace application. A final MERN full-stack project ties it all together with Redux and JWT authentication.
The learning path moves from isolated concepts to connected systems, letting you see how React, routing, state management, and backend integration fit together. Modern tooling covers Vercel/Netlify deployment, Framer Motion animation, and third-party libraries you'll actually encounter in real work.
This course is outdated. Please see the new 2025 course - Modern React From The Beginning
This course is for anyone that wants to learn React and also for React developers looking to build some projects and sharpen their skills.
The first project (Feedback App) is structured in a way so I can explain the fundamentals such as components, hooks, props, state, etc in a way that beginners can understand. The second project (Github Finder) will show you how to work with 3rd party APIs and the third project (House Marketplace) is a larger app that uses Firebase 9 and includes authentication, Firestore queries, file storage and more.
The final project has been added! It is a fullstack MERN support ticket system that uses Redux and Redux Toolkit.
Here are some of the things you will learn in this course:
React fundamentals including components, props, hooks, state, etc
React hooks such as useState, useEffect, useContext, useReducer, useRef, etc
Creating custom hooks
React Router v6 (latest version)
How to handle global state with context, reducers and hooks
Firebase 9 authentication, queries, storage
Deploying React apps to Vercel & Netlify
Basic Animation with Framer Motion
Implement Leaflet maps and Swiper sliders
Fullstack MERN (MongoDB, Express, React, Node.js)
REST API creation
Redux
Redux Toolkit
Authentication with JWT
Much More...
This course has been completely re-done with new projects and concepts from the old course. I have a few React courses and this is the one that I always suggest people start with before moving on to the MERN courses
Price
No active coupon right now
View Course →No coupon right now. We'll tell you when there is one.
Advertisement




More in Development




Not the best price we've seen. The lowest we've recorded is $15.99 on 3 Aug.
This is what we recorded in US pricing — not every price this course has ever had, and prices differ by country.