Tutorialspoint

Mid-Year Savings Flat 10% OFF, Use Code: MID10

React Redux Firebase Authentication with CRUD Application

person icon Saumitra Vishal

4.5

React Redux Firebase Authentication with CRUD Application

Implement Social Media Authentication along with CRUD, Sort, Search & Filter feature using React, Redux and Firebase

updated on icon Updated on Jul, 2024

language icon Language - English

person icon Saumitra Vishal

English [CC]

category icon Development,React Redux

Lectures -55

Resources -1

Duration -4 hours

4.5

price-loader

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

Wanted to build React application with the help of Redux & Firebase? This is the course for you.

This course is perfect for someone who has little knowledge of HTML, CSS and Javascript. We are not saying that you need to be master in javascript but the concepts like Loops and functions should be familiar to you. If you know ES6 that’s great, if not, don’t worry, ES6 is also covered in this course.

In this course, we’ll see how to bring React Hooks and Firebase as well as Redux together to build a complete CRUD application along with Authentication and it also include features like Searching, Sorting & Filtering.

We’ll cover tons of concepts throughout the process of making it - how to enable social media authentication with Redux & Firebase in React Application , fetching, adding, creating, deleting, updating, searching, sorting & filtering data with our Firebase realtime database, writing different firebase query to perform this task in our app and much more concept to learn.

By the end of the course, you will have built a sophisticated Contact Management Web Application with React, Redux and Firebase. This is a powerful application will impress even the most senior developers and ensure you have hands on skills in React and Redux that you can bring to any project or company.

This course will show you how to:

  • Build a sophisticated Contact Management Web Application with React, Redux and Firebase

  • Use Redux to manage fierebase authentication like Google & Facebook.

  • Connect your application to Firebase, a powerful database.

  • Use React Router v6 to navigate through your application

  • Handled Route protection with updated React Router v6 

  • Create Functional Components

  • Use JSX to build your User Interface

  • Use Props to pass Data

  • Use of bootstrap & font-awesome to design our Login & Register page.

  • Use our own CSS to design different pages in our App.

Goals

  • You will learn Firebase authentication in React with Redux

  • You will learn to write varity of Firebase query in React

  • You will understand Redux and Redux-thunk concept

  • You will learn to write Firebase Query inside Redux-thunk

  • Implementing CRUD feature with Firebase Query

  • Performing Searching, Sorting & Filtering using Firebase Query

  • You will also learn how to protect route

  • You will also learn some ES6 syntax

Prerequisites

  • Basic of HTML, CSS and JavaScript knowledge required.

  • Basic of understand of ES6 module

  • Basic of React knowledge will added an advantage.

  • Redux knowledge required little bit but I will explain everything from scratch.

  • No prior working experience required with Firebase

React Redux Firebase Authentication with CRUD Application

Curriculum

Check out the detailed breakdown of what’s inside the course

Introduction
2 Lectures
  • play icon Intro 02:06 02:06
  • play icon App Preview 06:29 06:29
Redux
3 Lectures
Tutorialspoint
Project Set-up
8 Lectures
Tutorialspoint
Login and Register
6 Lectures
Tutorialspoint
Redux Firebase Register
2 Lectures
Tutorialspoint
Redux Firebase Login
2 Lectures
Tutorialspoint
Logout and User Persisting with Redux
4 Lectures
Tutorialspoint
Social Media Authentication
5 Lectures
Tutorialspoint
Firebase CRUD Operation
12 Lectures
Tutorialspoint
Searching with Firebase
3 Lectures
Tutorialspoint
Filtering with Firebase
2 Lectures
Tutorialspoint
Sorting with Firebase
4 Lectures
Tutorialspoint
Course Updated with React Router v6
1 Lectures
Tutorialspoint
Wrap Up
1 Lectures
Tutorialspoint

Instructor Details

Saumitra Vishal

Saumitra Vishal


Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515