
Explore redux-thunk middleware, which returns a function instead of an action object to enable delayed actions and API-like logic, demonstrate with Firebase query and asynchronous dispatch.
Set up your development environment by installing Node and npm, verifying the installation, and configuring Visual Studio Code with extensions to accelerate React development, local server setup, and snippet generation.
Register the Firebase web app and complete the project setup in the Firebase console. Copy the configuration to connect your React app and enable authentication and CRUD functionality.
Build the home page by adding welcome content and a button to demonstrate content layout in the React Redux Firebase authentication with CRUD application.
Enable user registration on the UI by capturing name and email, validating password confirmation, dispatching a register action, and redirecting to the home page when the current user is set.
Create actions, action types, and a reducer to enable email and password authentication in the blogging feature, wiring login initiated, login success, and login failure in React Redux Firebase app.
Implement a protected route with a custom redirect in a React Redux Firebase app, redirecting unauthenticated users to login and securing the homepage.
Explore how to implement Google sign-in in a react redux firebase app by defining actions, action types, and a reducer for initiator, success, and failure states.
Configure the firebase real-time database in the console, create and enable the database, and integrate it with the app to support authentication and crud operations.
Implement a header component for a react redux firebase app, wiring up routing, login state, and active tab styling with sign in/out logic.
Fixes for the header component using a use effect hook to manage user state and location, ensuring the active tab updates and style changes reflect in the browser.
Read the input name on the home page and pass it to the search page. Build a firebase query by name to fetch and display matching contacts.
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.