Password Reset

Let’s take a step back from the higher-order components, React Context API, and session handling. In this section, we will implement two additional features available in the Firebase authentication API:

• Retrieve password (password forget)
• Change password.

We’ll begin with the first feature, password retrieval.

Forgot Password

In this lesson, we’ll implement the Forgot Password feature. Since we’ve already implemented the interface in our Firebase class, we can use it in our application’s components.

The following file adds most of the password reset logic in a form again. We’ve already used a couple of those forms before, so it shouldn’t be a problem.

Implementation

Add this in the src/components/PasswordForget/index.js file: