User Authentication with React & Firebase: Full Tutorial

Поділитися
Вставка
  • Опубліковано 22 лип 2024
  • - Download the source code for this video:
    github.com/ivanlourencogomes/...
    IMPORTANT: Still Don't Have the Full Course Yet? 😯 Upgrade Your Skills Now!
    ** Get an EXCLUSIVE DISCOUNT for my Complete React 2024 Course:
    dawebschools.com/course/react
    Why Enroll?
    • Over 14 Hours of High-Quality Videos!
    • Hands-On Learning with 5 Real-Life Projects: Apply your skills in practical scenarios.
    • Deep Dive into TypeScript: Complete 2 extensive projects using TypeScript.
    • Master Firebase: Go beyond authentication with full tutorials on datastore CRUD operations and deployment.
    Take your React skills to the next level and build applications that stand out. This is more than just learning; it’s about creating and deploying real-world applications.
    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
  • Наука та технологія

КОМЕНТАРІ • 27

  • @adolfmathebula
    @adolfmathebula 5 місяців тому

    Amazing tutorial, I am working on an application and this was helpful. Thanks

  • @abh1nv
    @abh1nv 3 місяці тому +1

    THIS is exactly what i was looking for! thanks

  • @ONEHLOFIOCHIOCHEME
    @ONEHLOFIOCHIOCHEME 2 місяці тому +2

    This is exactly what i seek.

  • @SamipShresthajava
    @SamipShresthajava 5 місяців тому

    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!

  • @rooneyjohn
    @rooneyjohn 4 місяці тому +3

    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.

    • @dawebschools
      @dawebschools  4 місяці тому

      I appreciate your opinion, Rooney!

  • @DrMorax
    @DrMorax 5 місяців тому

    Great tutorial

  • @adenreleemmanuel9848
    @adenreleemmanuel9848 Місяць тому +1

    Great work boss

  • @johny_ginger
    @johny_ginger 3 місяці тому +1

    Just awesome! To the point! Thanks!

  • @demno2258
    @demno2258 4 місяці тому

    your lecture cover full important topics of Authentication thanks very much for clear information

  • @OG_AnjaliPannu_
    @OG_AnjaliPannu_ 2 місяці тому +1

    Bestest video,Thanku so much

  • @DiogoLScarmagnani
    @DiogoLScarmagnani 3 місяці тому

    Very good video. Thank you for it.

  • @user-cv7wf6tq8p
    @user-cv7wf6tq8p 4 місяці тому

    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

  • @zabiiaryan8325
    @zabiiaryan8325 5 місяців тому

    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.

    • @dawebschools
      @dawebschools  5 місяців тому

      Hey! Check if this helps: stackoverflow.com/questions/64343788/firebase-email-link-authentication-leads-to-a-page-that-says-error-encountered

  • @jbgoogl
    @jbgoogl 5 місяців тому

    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

    • @dawebschools
      @dawebschools  4 місяці тому

      Did you run 'npm install vite -g' to install vite?

    • @guh9202
      @guh9202 2 місяці тому

      npm run dev ?

  • @es7729
    @es7729 3 місяці тому

    Just awesome! To the point! Thanks!

    • @johny_ginger
      @johny_ginger 3 місяці тому +1

      That's what i thought after completing this lecture :D, just awesome. :)

    • @es7729
      @es7729 3 місяці тому

      @@johny_ginger Well, that was like exactly the same :D

    • @dawebschools
      @dawebschools  Місяць тому

      Glad it helped!