React Native Authentication with Firebase and Expo in 27 minutes

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ม.ค. 2025

ความคิดเห็น • 386

  • @dmcdcm
    @dmcdcm 3 ปีที่แล้ว +71

    You should be proud of this tutorial. You've made something challenging to wrap your mind around easy to understand. Superb!

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

    I'm pleased to have found this tutorial after a month of searching-it's concise, clear, and straightforward, with no unnecessary jargon or complexity. ❤❤❤❤❤

  • @jellyyyc
    @jellyyyc 3 ปีที่แล้ว +29

    Gotta say this is amazing. Precise, compact & thoughtful. Would love to see more firebase content in the future. Keep up the good work!

  • @yashshah5183
    @yashshah5183 ปีที่แล้ว +1

    I have been trying to get a solution for firebase auth since past 4 days......i have watched over 20+ videos...yours was the best. Thank you so much for creating such an understandable tutorial keep on going ❤❤

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

    I hunted for many tutorials to build the Firebase integration, and yours was the best. Simple, straightforward, and to the point! Thank you for saving my time🎉

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

    I had to make a few changes due to updates for firebase but otherwise this was the catalyst that got me through a 3day headache of establishing auth. Thanks!

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

      i changed the import * as firebase from firebase to get the specific packages I needed: auth, app, firestore

  • @ollie4857
    @ollie4857 3 ปีที่แล้ว +15

    These are the most clear react tutorials I've seen, you're the best! Can you please cover more firebase in the future? (How users can upload text or files to a storage that has an ID or similar only for that group of people?) THANK U!!

  • @rodolfomoro2029
    @rodolfomoro2029 2 ปีที่แล้ว +4

    Honestly one of the best tutorial that I have seen here. Straight forward and so easier to understand. Thank you so much

  • @imhuman11
    @imhuman11 2 ปีที่แล้ว +1

    The best video on Firebase - Authentication with React Native.

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

    This was a easy to follow tutorial. Bro you're doing a great job! :)

  • @manuperez2281
    @manuperez2281 3 ปีที่แล้ว +12

    You make look React Native easier than it actually is. Keep it up, man! I'm learning a lot from you.

    • @MadeWithMatt
      @MadeWithMatt  3 ปีที่แล้ว +5

      Thanks Manu! I try to keep it as simple as possible for everyone to understand, glad you're learning from it 🚀

  • @noisemastering
    @noisemastering 2 ปีที่แล้ว +6

    I wish more tutorials were this well-articulated and precise. Thanks a lot.

  • @saudsattar5248
    @saudsattar5248 3 ปีที่แล้ว +5

    This was actually an amazing tutorial, I've tried looking for things like this previously but I could never find it. It would always be how to design a Login UI but it would never include the authentication. Honestly so glad I found this channel

    • @MadeWithMatt
      @MadeWithMatt  3 ปีที่แล้ว

      Amazing to hear! Thanks so much for the comment 😁 Glad you found it valuable 🚀

    • @sakshamsingh9584
      @sakshamsingh9584 3 ปีที่แล้ว

      @@MadeWithMatt hello sir I have an doubt in when I import firebase in the login screen getting error can you pls help me

  • @HabitosySabidurias
    @HabitosySabidurias ปีที่แล้ว

    I got all what I need in just 27 minutes, he went direct to the point

  • @Tony186x
    @Tony186x 2 ปีที่แล้ว +2

    Will you be making any more tutorials? Yours is the most straight forward and clearest I have ever seen, tank you

  • @abnerluis9086
    @abnerluis9086 ปีที่แล้ว +1

    I can implement what you taught in my code. Thank you so much for sharing your knowledge, I'm learning!

    • @ThomasXu-vj2jq
      @ThomasXu-vj2jq ปีที่แล้ว

      Hi, how did you deal with the problem when importing auth from firebase: Invariant Violation: AsyncStorage has been removed from react-native core.

  • @pjf7044
    @pjf7044 ปีที่แล้ว +1

    Nice clear tutorial. I think most tutorials are not too logical but this one completely makes sense. Thanks!

  • @gouthamsankarv1
    @gouthamsankarv1 3 ปีที่แล้ว +1

    Bro you really saved my lyf..... Was searching for this since 3 months thank you ♥️♥️♥️♥️♥️♥️♥️♥️

    • @MadeWithMatt
      @MadeWithMatt  3 ปีที่แล้ว

      So happy to hear that 🙌 glad I could help out 😁

  • @timotejkochjar9225
    @timotejkochjar9225 3 ปีที่แล้ว

    Literally the best react native tutorials on youtube. I would love to see you create a react native app with bluetooth in the future!

  • @InTheCash
    @InTheCash 2 ปีที่แล้ว +1

    Thank you for this tutorial. Very easy to understand. Really happy I stumbled across it as I’ve never touched expo or firebase before so this is a great starting point. Thanks again

  • @nomeacaso6944
    @nomeacaso6944 3 ปีที่แล้ว +6

    Awesome tutorial, straight to the point and really clear.Thank you

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

    Hello guys, if you are watching this video in 2024 and version of your firebase is 10+ you may have encountered errors such as "unable to resolve firebase" or "cannot read length" you should change your import in firebase.js to import * as firebase from "firebase/compat"; No need to change anything else in the code. This worked for me so I hope it helps you as well.

  • @sanghoonkim339
    @sanghoonkim339 2 ปีที่แล้ว

    I watched a lot of videos but always failure with firebase. But in this video, I've success firebase. Thank you.

  • @ryanharris5968
    @ryanharris5968 2 ปีที่แล้ว

    Thanks a million dude. I've finally gotten a simple login system for my app now 👏

  • @DudeFashion4U
    @DudeFashion4U 3 ปีที่แล้ว +1

    your all projects are amazing, you describe all steps, that is so easy. keep it up like that.

    • @MadeWithMatt
      @MadeWithMatt  3 ปีที่แล้ว

      Thanks so much for the feedback, happy to hear you enjoy it 🙌🚀

  • @howaboutyu
    @howaboutyu 2 ปีที่แล้ว +3

    Thanks Matt, great tutorial - really easy to follow and understand the concepts

  • @kcash935
    @kcash935 3 ปีที่แล้ว +1

    Fantastic video, man! You do a great job of explaining it simply. Appreciate the help, I'll be looking out for future videos.

  • @lrajoo11
    @lrajoo11 3 ปีที่แล้ว

    The most up to date and relevant tutorial on this topic right now. Thank you!

  • @giwrgosiwannidis4684
    @giwrgosiwannidis4684 3 ปีที่แล้ว

    Hey Matt, you are one of the best react native youtubers i have ever seen!Keep up the good work!!!!

  • @marinakim9798
    @marinakim9798 ปีที่แล้ว +1

    This was amazing, thank you very much! I've encountered an issue with Firebase version 8, it has problems with AsyncStorage dependencies, so I had to upgrade to Firebase 9, the syntax is almost the same and your tutorial helped a lot! Thank you again =)

    • @NotAnAIpromise
      @NotAnAIpromise ปีที่แล้ว +1

      Could you explain what was different about the syntax?

    • @Roaringhart
      @Roaringhart ปีที่แล้ว

      @@NotAnAIpromise as suggested by dongimini down below, try
      import firebase from 'firebase/compat/app';
      import 'firebase/compat/auth';

  • @trinahacks
    @trinahacks 2 ปีที่แล้ว

    Even with the changes from Firebase ^9.0, I still found this video intuitive and extremely helpful for building a small authentication. Thank you so much for this!!

    • @kakun7238
      @kakun7238 2 ปีที่แล้ว +2

      Does it work still? with the changes

    • @oscarlovato6733
      @oscarlovato6733 ปีที่แล้ว +1

      can you give me the changes? I can't resolve that

  • @emrySoda
    @emrySoda 2 ปีที่แล้ว

    I was scared when I first tried firebase but this video really helped me to understand the concept thank you!

  • @swapnil0402
    @swapnil0402 2 ปีที่แล้ว

    very well articulated tutorial. It worked in a first go. Thanks.

  • @danielweb
    @danielweb 3 ปีที่แล้ว

    this amazing way to explain react with firebase. I love it, you're de man

  • @nunosantos3621
    @nunosantos3621 ปีที่แล้ว

    wow! that was super clear and straight to the point! Thank you so much!

  • @DuyTran-mo8uc
    @DuyTran-mo8uc 2 ปีที่แล้ว +1

    Great tutorial! Very well explained, as a Newbie in the application development I could follow every step. Would love to see a navigation Menu for the next Video, so once you're in the Home screen you can go to various screens (maybe with icons?).

  • @jkadoodle
    @jkadoodle 2 ปีที่แล้ว +28

    I'm using Firebase 9, if you have trouble importing auth like me, change the main import line to ' import firebase from "firebase/compat" '

    • @kimmo4886
      @kimmo4886 2 ปีที่แล้ว +2

      Thank you! this worked for me.

    • @nizarmedlemin7081
      @nizarmedlemin7081 ปีที่แล้ว +2

      Thank you Sir, you really helped me

    • @Urbeys
      @Urbeys ปีที่แล้ว +2

      Thank you Mate You saved my Life

    • @Mikepro1211
      @Mikepro1211 ปีที่แล้ว

      Excuse me , where?

    • @sasitharuvishan6161
      @sasitharuvishan6161 ปีที่แล้ว +1

      Thanks a lot .It's worked

  • @diegoguardiola2400
    @diegoguardiola2400 ปีที่แล้ว

    Fantastic tutorial. Easy to understand and was able to implement in my own project!

    • @carit.psicologo
      @carit.psicologo ปีที่แล้ว

      Did you get it to run on android? How?

  • @vladut920
    @vladut920 ปีที่แล้ว +9

    READ THIS IF NOTHING WORKS AND ITS SUMMER 2023:
    after trying so many fixes for having the Unable to resolve "firebase" from "firebase.js" error, what it worked was downgrading to version firebase V9 (now the latest is V10), by using the command 'npx expo install firebase@9.6.4' (make sure you are in the root directory of the project). Also, you need to change the firebase.js file import with ' import firebase from "firebase/compat" '. after this it should work, if it doesnt, delete the project and start fresh with all the steps again and apply my fixes.

    • @W.i.s.e.K.i.n.g
      @W.i.s.e.K.i.n.g ปีที่แล้ว

      Error showing cannot read property 'length ' of undefined, js engine: hermes

    • @davidmgr_9836
      @davidmgr_9836 ปีที่แล้ว +1

      ty so much I love you

    • @BADGRAPHIX
      @BADGRAPHIX ปีที่แล้ว +1

      You're a hero.

  • @eddyelamin9015
    @eddyelamin9015 2 ปีที่แล้ว

    seriously this guy deserve the world

  • @rajvinoth1735
    @rajvinoth1735 3 ปีที่แล้ว

    Thank you so much 😍❣️
    Please do more like this to us ❣️
    Keep going

  • @iamharnad
    @iamharnad 2 ปีที่แล้ว

    thanks a ton matt. very helpful. i would love to see you making videos on individual rn components

  • @waziir
    @waziir 2 ปีที่แล้ว

    great lesson, just make it easy for the beginners , waiting for your next lesson. thanks

  • @JessenTube
    @JessenTube 3 ปีที่แล้ว

    Really a great tutorial, super material for beginner , also thanks for sharing code on git. Happy to subscribe 👍

  • @sivaapss0015
    @sivaapss0015 3 ปีที่แล้ว

    Starting with react native,amazing start great vid

  • @pratik9840
    @pratik9840 ปีที่แล้ว

    Thank you sir.....very well explained....earned my subscribe......helped me a lot🥺👍

  • @abdullahshahid6725
    @abdullahshahid6725 3 ปีที่แล้ว

    You are amazing bro. How simply you teach is fabulous.

    • @MadeWithMatt
      @MadeWithMatt  3 ปีที่แล้ว

      Thanks Abdullah, that means a lot. Glad you enjoyed it 🙌

  • @bmo7454
    @bmo7454 2 ปีที่แล้ว

    Great tutorial man, your work is appreciated.

  • @AnonymousMonkii
    @AnonymousMonkii ปีที่แล้ว +4

    im getting error when importing auth from firebase: Invariant Violation: AsyncStorage has been removed from react-native core. It can now be installed and imported from '@react-native-async-storage/async-storage' instead of 'react-native'

    • @W.i.s.e.K.i.n.g
      @W.i.s.e.K.i.n.g ปีที่แล้ว

      Please help 🙏🏽🙏🏽🙏🏽

    • @yazanhailat8627
      @yazanhailat8627 ปีที่แล้ว

      did you ever find a solution to this?

    • @AnonymousMonkii
      @AnonymousMonkii ปีที่แล้ว

      @@yazanhailat8627if I remember correctly it has something to do with Apple firmware. Didn’t get that error when testing on android

  • @matthewmolinar
    @matthewmolinar 3 ปีที่แล้ว

    Ok this was epic. Theres a lot of conflicting info out there... subbed!

    • @MadeWithMatt
      @MadeWithMatt  3 ปีที่แล้ว

      Thanks Matthew, I really appreciate it 🙌🚀

  • @wezcodes
    @wezcodes 3 ปีที่แล้ว

    Thank you! Was really struggling with auth, but this helped a lot.

    • @GiorgiGvimradze1
      @GiorgiGvimradze1 2 ปีที่แล้ว

      you need to check the version. I changed the syntax but the working version for auth is 9.4.1

    • @dizly8072
      @dizly8072 2 ปีที่แล้ว

      How did you solve the problem? I'm still struggling with it...

  • @ezisbertakachiungo7043
    @ezisbertakachiungo7043 2 ปีที่แล้ว

    Thanks mate, this video has helped me a. LOT. 🙏

  • @spicymeowsters
    @spicymeowsters 2 ปีที่แล้ว

    you're really good at this

  • @guytonedhai
    @guytonedhai 3 ปีที่แล้ว

    This was such a good video. Thanks a lot!
    Please keep on uploading fireabase videos. Please make a video on firestore and expo also.

  • @penguinxed
    @penguinxed ปีที่แล้ว

    thank you brother! easy to follow and very clear

  • @ingal.1
    @ingal.1 3 ปีที่แล้ว

    Best tutorial i have ever seen! Thanks

  • @arthurpires3341
    @arthurpires3341 ปีที่แล้ว

    the best tutorial ever
    clear objective easy to understand

  • @kodjoasamoah
    @kodjoasamoah 3 ปีที่แล้ว

    great video wish you could do more videos about different projects such as creating a simple shopping app because I like the way u explain your videos.

  • @one111won
    @one111won ปีที่แล้ว

    This was awesome!! Wonderful explanations.

  • @anum2471
    @anum2471 2 ปีที่แล้ว

    Impressive work! waiting for more React Native Content

  • @manhhoangg
    @manhhoangg 3 ปีที่แล้ว +3

    I got this bug :((
    undefined is not an object (evaluating 'firebase.apps.length')
    how can i fix it ?

  • @black_n5492
    @black_n5492 2 ปีที่แล้ว

    Super helpful to get started really quickly

  • @carlosh.s5792
    @carlosh.s5792 2 ปีที่แล้ว

    the best tutorial i could find

  • @ethanshealey
    @ethanshealey 3 ปีที่แล้ว

    What a perfect tutorial, thanks Matt!

  • @ez5267
    @ez5267 3 ปีที่แล้ว +13

    Hi Matt, can you make another video like this with version 9 of Firebase, I'm having some trouble in authentication. Than you!

    • @ephreme5635
      @ephreme5635 2 ปีที่แล้ว

      th-cam.com/video/20TSEoJkg5k/w-d-xo.html&ab_channel=BornToCode
      this might help

    • @obiomaanokwuru3573
      @obiomaanokwuru3573 2 ปีที่แล้ว +2

      Same

  • @StealthBeast.3xx0
    @StealthBeast.3xx0 3 ปีที่แล้ว

    That's an amazing tutorial bro!👍🏻

    • @MadeWithMatt
      @MadeWithMatt  3 ปีที่แล้ว

      Thanks so much Aman, glad you enjoyed it!

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

    do you have different syntax for version 10?

  • @wtfdoiputhere
    @wtfdoiputhere 3 ปีที่แล้ว

    So easy and relaxing to watch tyvm

  • @Urbeys
    @Urbeys ปีที่แล้ว +1

    Hey Matt I am getting an error while traveling between screen after logging or signing up [cannot update a `ForwardRef(baseNavigationContainer)
    `)while rendering a different component ('home')]
    Help Needed Pls

  • @jagdeeshbhavani706
    @jagdeeshbhavani706 2 ปีที่แล้ว

    Simple and clear tutorial

  • @tienhuynh2435
    @tienhuynh2435 ปีที่แล้ว

    I'm very grateful to you for all your help

  • @nerodant85
    @nerodant85 2 ปีที่แล้ว

    Thank you sooooo much for the video Matt

  • @umyothein7363
    @umyothein7363 2 ปีที่แล้ว

    Fantastic tutorial mate

  • @OngThuong0710
    @OngThuong0710 3 ปีที่แล้ว

    thank for your video, I find this content for 2 week :))))

    • @MadeWithMatt
      @MadeWithMatt  3 ปีที่แล้ว

      Amazing! Glad you're enjoying it 😁

  • @nasharcadia
    @nasharcadia 2 ปีที่แล้ว

    Super quick and easy. Thank You

  • @gouravnainwaya5669
    @gouravnainwaya5669 3 ปีที่แล้ว +1

    Awesome video bro thanks for video 💖💖💖😘

    • @MadeWithMatt
      @MadeWithMatt  3 ปีที่แล้ว +1

      Thanks so much Gourav I really appreciate it 🙌

  • @roaa4872
    @roaa4872 2 ปีที่แล้ว +2

    how can i know whats the other syntax for firebase "^9.6.10", ?

    • @juandaalejandre1231
      @juandaalejandre1231 2 ปีที่แล้ว

      Is the same for every v9 of Firebase. The important thing here is the first number of '9.6.10' to know what version you have

  • @Juan_lauretta
    @Juan_lauretta 2 ปีที่แล้ว

    excellent tutorial, thank you so much for this!

  • @UsmanSagri
    @UsmanSagri 3 ปีที่แล้ว

    Thanks a lot
    Explained it extremely well. Please also make videos on real-time database, storage and cloud firestore 🔥

  • @adamcasbarian2013
    @adamcasbarian2013 2 ปีที่แล้ว

    Your video is quite clear. I'm slowly puzzling out how to update your code for the new version of firebase. This would be much harder without your video to start with.

  • @tauffiqshaikh7419
    @tauffiqshaikh7419 3 ปีที่แล้ว +1

    thank you mate , subscribed.

  • @skilllearn904
    @skilllearn904 2 ปีที่แล้ว

    thanks matt for the very straight forward video can you make a video on how to verify user email through firebase

  • @TrexeoDev
    @TrexeoDev ปีที่แล้ว

    Amazing wish you kept uploading!

  • @MikessGaming
    @MikessGaming 2 ปีที่แล้ว

    FirebaseError: Firebase: A network AuthError (such as timeout, interrupted connection or unreachable host) has occurred. (auth/network-request-failed). i got that error in expo go

  • @mondejarmarron18
    @mondejarmarron18 3 ปีที่แล้ว

    I am now a fan! Subscribed!
    BTW How about how can we perform CRUD with firebase after user authentication?

  • @abcdefg-rk6pv
    @abcdefg-rk6pv 3 ปีที่แล้ว

    wow, these are the videos i was expecting a long time ago

    • @MadeWithMatt
      @MadeWithMatt  3 ปีที่แล้ว

      I'm so glad to hear that!! 😁

  • @datduong6520
    @datduong6520 2 ปีที่แล้ว +2

    This is amazing Matt. I have a question, how do I completely skip login screen once I logged in? When I reopen the app, it showed login screen first then quickly changes to homescreen. Is there a way to immediately goes to homescreen?

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

    very clear tutorial, thanks

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

    I did all the steps that you mentioned but I'm getting an error 'Unable to resolve "firebase" from "firebase.js"' when I try to test the sign up functionality. I'm using the firebase version 10.11.1, can you please suggest how I can fix this?

  • @BenGodot
    @BenGodot 2 ปีที่แล้ว +1

    Could you add a one-time phone verification after signing up and then every time when logging in with a verification code?

  • @MrBivanovs
    @MrBivanovs 2 ปีที่แล้ว

    very usable tutorial, that can be implemented in every app. As you mentioned the syntax for firebase v9 config is changed, so it would be very helpful to compare firebase initialize for v8 and higher.

    • @marinasuban893
      @marinasuban893 2 ปีที่แล้ว

      Hi currently attempting this and cannot get v9 to work - how did you change firebase.js?

    • @dongimini
      @dongimini 2 ปีที่แล้ว +4

      @@marinasuban893 is there a reason you need to use v9?
      else just use v8
      or try
      import firebase from 'firebase/compat/app';
      import 'firebase/compat/auth';

    • @calebbarnhart2572
      @calebbarnhart2572 ปีที่แล้ว

      @@dongimini This comment saved me after over an hour... thank you!

    • @joserios8570
      @joserios8570 ปีที่แล้ว

      I love you dude
      @@dongimini

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

    thank you very much dude

  • @fourlokouva
    @fourlokouva ปีที่แล้ว +2

    Note: as of April 2023, Expo v42 dependency does not work. Updating to v46+ breaks the app. :)

  • @onthego22
    @onthego22 ปีที่แล้ว

    I just started with the video and on my mac I got the following error. "expo init is not supported in the local CLI, please use npx create-expo-app instead" is expo command you showed still valid

  • @zecool7041
    @zecool7041 2 ปีที่แล้ว

    nice video , keep up the good content!

  • @KienNguyen-mo3we
    @KienNguyen-mo3we 2 ปีที่แล้ว +1

    Hello admin, can i code ios app with reactnative on windows machine?

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

    On "Get started", can i click "Web" for a database in my app? Or i need first iOS and Android?

  • @dq303
    @dq303 3 ปีที่แล้ว +1

    why are we changing the file at 15:47? should of gone over that bud

  • @thebarkchannel
    @thebarkchannel ปีที่แล้ว

    you earned my sub. thank you so much 💌💌💌💌

  • @jumblejournal
    @jumblejournal ปีที่แล้ว

    thanks for this great tutorial!