React and Firebase with Hooks For Absolute Beginners

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Installing Node js and Npm

Chapter 2: React JS Introduction

Lecture 1: Create a New React JS Project

Lecture 2: Cleaning up App.js

Lecture 3: Installing Extensions for VS Code

Lecture 4: How does a React project work?

Lecture 5: Functional Components vs Class Components

Lecture 6: Parent Components and Child Components

Lecture 7: Props in Child Component

Lecture 8: Props Destructuring

Lecture 9: Folder Structure

Chapter 3: Lets dive into React Hooks

Lecture 1: Intro to useState

Lecture 2: Why we need to use useState

Lecture 3: Data Types which we will use in useState

Lecture 4: Object in useState

Lecture 5: Changing Value of useState with onClick Event

Lecture 6: Changing Value of useState with onChange Event

Chapter 4: Intermediate React JS Concepts

Lecture 1: Conditional Operator – Part I

Lecture 2: Conditional Operator – Part II

Lecture 3: Intro to Higher Order Function – Map()

Lecture 4: Using Map Function to show data to the Frontend

Lecture 5: More into Map Function

Lecture 6: Filter Function

Chapter 5: Lets dive into React Hooks – useEffect

Lecture 1: Introduction to useEffect

Lecture 2: First use case of useEffect – Empty Dependency Array

Lecture 3: Second use case of useEffect

Chapter 6: React Router

Lecture 1: Installing React Router Dom

Lecture 2: Intro To React Router DOM

Lecture 3: Navigating from one webpage to another with Link

Lecture 4: React JS Concluded

Chapter 7: Lets hop on to Firebase

Lecture 1: Firebase Introduction

Lecture 2: Firebase Dashboard

Lecture 3: Firebase Packages to install

Lecture 4: Configuring Firebase inside our React JS project

Chapter 8: Important Update to Firebase with React October 2021 Update! Must Watch!!!!!

Lecture 1: Important update with Firebase with React in October 2021!

Chapter 9: Lets integrate Firebase Fires tore inside our React JS Project

Lecture 1: What Firebase services we are going to look into?

Lecture 2: Creating a firestore Collection

Lecture 3: Fetching Firestore collection Data – Part I

Lecture 4: Fetching Firestore collection Data – Part II

Lecture 5: Rendering the Fire store data to the frontend in React JS

Lecture 6: Adding Data to the fire store Collection

Chapter 10: Firebase Authentication

Lecture 1: Firebase Google Authentication Setup

Lecture 2: Adding user data to firestore

Lecture 3: Logging out the user with firebase authentication

Chapter 11: Firebase Storage

Lecture 1: Setting up Firebase Storage

Lecture 2: Uploading Image to Firebase Storage from React JS

Chapter 12: Conclusion

Lecture 1: Conclusion