User Authentication with React & Firebase: Full Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 11 ก.ค. 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

  • @abh1nv
    @abh1nv 3 หลายเดือนก่อน +1

    THIS is exactly what i was looking for! thanks

  • @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!

  • @ONEHLOFIOCHIOCHEME
    @ONEHLOFIOCHIOCHEME 2 หลายเดือนก่อน +2

    This is exactly what i seek.

  • @adolfmathebula
    @adolfmathebula 5 หลายเดือนก่อน

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

  • @johny_ginger
    @johny_ginger 3 หลายเดือนก่อน +1

    Just awesome! To the point! Thanks!

    • @dawebschools
      @dawebschools  หลายเดือนก่อน

      Great to know, Johny!

  • @adenreleemmanuel9848
    @adenreleemmanuel9848 หลายเดือนก่อน +1

    Great work boss

  • @OG_AnjaliPannu_
    @OG_AnjaliPannu_ หลายเดือนก่อน +1

    Bestest video,Thanku so much

    • @dawebschools
      @dawebschools  หลายเดือนก่อน

      Thanks for watching!

  • @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!

  • @DrMorax
    @DrMorax 5 หลายเดือนก่อน

    Great tutorial

  • @demno2258
    @demno2258 4 หลายเดือนก่อน

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

    • @dawebschools
      @dawebschools  4 หลายเดือนก่อน

      Thanks for the feedback!

  • @DiogoLScarmagnani
    @DiogoLScarmagnani 3 หลายเดือนก่อน

    Very good video. Thank you for it.

    • @dawebschools
      @dawebschools  หลายเดือนก่อน

      Glad you liked it!

  • @user-cv7wf6tq8p
    @user-cv7wf6tq8p 3 หลายเดือนก่อน

    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 4 หลายเดือนก่อน

    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  4 หลายเดือนก่อน

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

  • @jbgoogl
    @jbgoogl 4 หลายเดือนก่อน

    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!