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.

We'll cover the following

Sign-Up results in the user getting logged/signed into the app automatically. However, we cannot rely on this mechanism since in some cases, a user could be signed up but not signed in.

To rectify this situation, we will implement the login functionality using Firebase. The implementation is pretty similar to the sign-up mechanism and components, so this time we won’t have to split it into so many code blocks.

Implementation

We use the code given below in the src/components/SignIn/index.js file:

Get hands-on with 1200+ tech skills courses.