educative.io

Integrating Firebase with React (Robin Wieruch)


Session Handling - Session Handling with Higher-Order Components This lesson will go through Session Handling using Higher-order components. Firebase Interface - Higher-Order Components Now that we’ve implemented the sign-up system in our application, let’s figure out a way to improve it. Password Features with Firebase - Password Change Let’s learn how to implement the “Change Password” feature in our application. Firebase Authorization in React - Final Enhancements This is the last step in redirecting users to protected routes based on authorization. Firebase Real-time Database - Exercise 12: Our Final App! We will run and verify our entire app in this section with firebase and all the functionalities. Firebase Real-time Database - What Next? A few final words about the course. Firebase Interface - Sign Up with React and Firebase Let’s implement the sign-up functionality using Firebase. Firebase Interface - Sign Out with React and Firebase This lesson is the final step in building our application’s authentication process. Session Handling - Session Handling with Firebase/React This section will deal with how our React application manages user sessions after a successful sign-in. Firebase in React Setup - Firebase Hosting Let’s take a look at how Firebase can host our web application. Firebase in React Setup - Creating a React App Let’s start our discussion on using React with Firebase. Getting Started! - Why Use Firebase in React? This lesson highlights some of the benefits of using Firebase. Getting Started! - What to Expect This lesson gives you a brief introduction to the course as well an introduction to the application we will be implementing in the upcoming lessons. Getting Started! - React Router for Firebase In this lesson, we will implement routing using React router in our application. Firebase in React Setup - Initializing Firebase In this lesson, we’ll initialize Firebase using a separate class. Firebase in React Setup - Provide Firebase in React Now, we’ll learn how to use Firebase in our React application. Firebase Interface - Firebase's Authentication API In this lesson, we’ll figure out a way to establish communication between the Firebase API and our Firebase class. Getting Started! - Initializing the Application This lesson helps you set up the React environment required to build our app. Getting Started! - Verify: Setup In this lesson, you can test and see the project and its files that have been set up until now. Getting Started! - Verify: Routing In this section, you can run and verify the app we have built until now. Firebase in React Setup - Firebase Authentication In this lesson, we’ll learn how to authenticate users through Firebase. Firebase in React Setup - Exercise 1: Adding Firebase! In this exercise, we will verify and test the app we have built so far. Password Features with Firebase - Exercise 9: Password Reset and Change We will run and verify the Password Reset and Change functionality in this section. Firebase in React Setup - Exercise 2: Firebase in React! We will run and verify our app after adding Firebase in it. Firebase Interface - Exercise 3: Firebase Authentication You can build and run the application here and read more about the Firebase Authentication process. Firebase Interface - Exercise 6: Sign Out with Firebase Here’s all the code we need to implement sign-up, sign-in, and sign-out. Password Features with Firebase - Password Reset Let’s learn how to reset user passwords using Firebase! Firebase in React Setup - Firebase Database This lesson explores the two databases available in Firebase. Firebase in React Setup - Project Configuration This lesson showcases the configuration code which contains key pieces of information about the project. Firebase Interface - Sign-Up Form Validation Let’s validate the information from all the fields in our sign-up form. Firebase Interface - Final Touches Let’s make a few final improvements to the sign-up component. Firebase Authorization in React - Protected Routes in React with Authorization In this lesson, we will learn how to put restrictions on access to certain pages based on the user’s privileges. Firebase Interface - Sign In with React and Firebase Based on what we learned in the Sign-Up section, we’ll implement Sign-In functionality in this lesson. Firebase Interface - Exercise 5: Sign In with Firebase Let’s take a look at all the code we have up till now. The sign-up and sign-in functionalities will be working. Session Handling - Exercise 7: Session Handling In this exercise, we will run and verify our app until Session Handling. Getting Started! - What is Firebase? This lesson will give you a brief introduction to Firebase. Firebase Authorization in React - Exporting the Higher-Order Component Let’s use the higher-order component from the previous lesson to protect our routes. Firebase in React Setup - Setting Up the Environment Let’s get started with the basics of Firebase. Firebase Real-time Database - Firebase Real-time Database in React In this section, we’ll be introduced to the Firebase Realtime Database and its functionality. Firebase Authorization in React - Exercise 10: Protected Routes We will run and verify our app after the implementation of Protected Routes. Firebase Real-time Database - Exercise 11: Real-time Database! We will run and verify our app after adding the Real-time database. Firebase Interface - Exercise 4: Sign Up with Firebase Let’s take a look at the code we have implemented up till now. Session Handling - Exercise 8: Optimized Session Handling We will run and verify our app implemented so far after optimized Session Handling. Firebase Real-time Database - Manage Users with Firebase's Real-time Database in React In this lesson, we will manage the users in our React app using Firebase’s Real-time Database.
About the Integrating Firebase with React (Robin Wieruch) category [Integrating Firebase with React (Robin Wieruch)] (1)