User Authentication with React & Firebase: Full Tutorial

2024 ж. 26 Сәу.
7 920 Рет қаралды

- Download the source code for this video:
github.com/ivanlourencogomes/...
** Get a full discount for my Complete React 2024 Course with 14 hours of high-quality videos:
dawebschools.com/course/react
In this video, I've merged all the essential lessons about User Authentication with React and Firebase.
Here, you'll learn topics like Firebase project setup, authentication methods, user sign-up and sign-in, password reset, user persistence, and logout functions. It's your gateway to understanding Firebase authentication's power when integrated with your React applications.
Unlock the full potential of Firebase Authentication in React by enrolling in our complete course. Don't miss the chance to dive into a world of knowledge and practical skills.
Chapters:
00:00:00 Introduction
00:00:45 Project Overview
00:02:55 Firebase Project Setup
00:07:36 Firebase Authentication Methods
00:13:08 Signing Up New Users
00:22:28 Handling Signup Errors
00:28:06 Signing In Existing Users
00:31:53 The Reset Password Function
00:36:18 Show the Homepage to Logged In Users
00:47:20 Persisting the Login State in the Browser Session
00:53:56 The Logout Function
00:58:56 Adding a Loader to The Login Page

Пікірлер
  • Amazing tutorial, I am working on an application and this was helpful. Thanks

    @adolfmathebula@adolfmathebula3 ай бұрын
  • THIS is exactly what i was looking for! thanks

    @abh1nv@abh1nv18 күн бұрын
  • Nicely covered the login scenario. I had the idea how to do it. But being an Angular developer, I wanted to learn how it is done in React properly. Thanks for the tutorial!

    @SamipShresthajava@SamipShresthajava2 ай бұрын
  • Great tutorial

    @DrMorax@DrMorax3 ай бұрын
  • Just awesome! To the point! Thanks!

    @johny_ginger@johny_ginger21 күн бұрын
  • Very good video. Thank you for it.

    @DiogoLScarmagnani@DiogoLScarmagnani19 күн бұрын
  • your lecture cover full important topics of Authentication thanks very much for clear information

    @demno2258@demno2258Ай бұрын
    • Thanks for the feedback!

      @dawebschools@dawebschoolsАй бұрын
  • Start to finish, excellent tutorial. I'll have to check out your courses! The only suggestion I have, please don't show use the wrong way to do things first... it just makes it harder. Just my humble opinion.

    @rooneyjohn@rooneyjohn2 ай бұрын
    • I appreciate your opinion, Rooney!

      @dawebschools@dawebschoolsАй бұрын
  • hey, I have watched the video and checked the repo, but all the authentication components were missing, Can you please upload the correct repo link

    @user-cv7wf6tq8p@user-cv7wf6tq8pАй бұрын
  • Thank you for the efforts. Thorough tutorial but when i was trying to change the password and got this error when i clicked on the link sent to my email. "Error encountered The selected page mode is invalid." Can you please share your insights on solving this error.

    @zabiiaryan8325@zabiiaryan83252 ай бұрын
    • Hey! Check if this helps: stackoverflow.com/questions/64343788/firebase-email-link-authentication-leads-to-a-page-that-says-error-encountered

      @dawebschools@dawebschools2 ай бұрын
  • I am following the tutorial. I cloned the source code for the tutorial from a GitHub repo, opened the project in VSCode, opened the terminal in VSCode, ran npm i to install the dependencies. I enter 'vite' into the terminal, but it says bash: vite: command not found

    @jbgoogl@jbgoogl2 ай бұрын
    • Did you run 'npm install vite -g' to install vite?

      @dawebschools@dawebschoolsАй бұрын
  • Just awesome! To the point! Thanks!

    @es7729@es772924 күн бұрын
    • That's what i thought after completing this lecture :D, just awesome. :)

      @johny_ginger@johny_ginger21 күн бұрын
    • @@johny_ginger Well, that was like exactly the same :D

      @es7729@es772921 күн бұрын
KZhead