Course Information
Course Overview
Learn modern React by building 4 projects including a Firebase 9 app and a full stack MERN app
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
Course Content
- 10 section(s)
- 151 lecture(s)
- Section 1 Introduction
- Section 2 React Basics & JSX
- Section 3 Components, Props & State
- Section 4 Forms, Validation & Simple Animation
- Section 5 Creating Routes & Links
- Section 6 Context API, useContext Hook & Deployment
- Section 7 APIs & HTTP Requests
- Section 8 GitHub Finder Project Start
- Section 9 Working With The GitHub API
- Section 10 User Profile & Alerts
What You’ll Learn
- Learn modern React by building 4 projects
- Suitable For Both Beginners & Intermediate React Developers
- Feedback app with in depth explanation of React fundamentals
- Build a house marketplace with React and Firebase 9
- Learn React hooks and how to create custom hooks
- Learn how to use context and reducers to manage global state
- Build a Fullstack MERN support ticket system with Redux Toolkit
Reviews
-
FFerhat Özdogan
Maybe show us the extensions you use first and then the settings; instead of the other way around.
-
SSuhail _
Best course to understand the concepts from basic to advance with 4 good projects. After completed this course I understood mostly concept of React.
-
KKerim Sekili
I want to download courses on pc
-
LLaxmi Prasanna Veerapu Reddy
It is good math