React Native Authentication with Firebase and Expo in 27 minutes

แชร์
ฝัง
  • เผยแพร่เมื่อ 20 ต.ค. 2024

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

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

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

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

    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 2 ปีที่แล้ว +29

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

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

    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🎉

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

    The best video on Firebase - Authentication with React Native.

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

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

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

  • @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 2 ปีที่แล้ว

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

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

  • @guccigreatness4925
    @guccigreatness4925 3 วันที่ผ่านมา

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

  • @shortv1dsreact
    @shortv1dsreact 2 หลายเดือนก่อน +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.

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

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

  • @justin7532
    @justin7532 หลายเดือนก่อน +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 หลายเดือนก่อน +1

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

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

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

  • @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 11 หลายเดือนก่อน +1

      You're a hero.

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

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

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

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

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

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

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

    seriously this guy deserve the world

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

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

  • @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 🙌🚀

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

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

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

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

    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

      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!

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

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

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

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

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

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

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

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

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

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

    Simple and clear tutorial

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

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

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

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

    the best tutorial ever
    clear objective easy to understand

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

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

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

    thank you brother! easy to follow and very clear

  • @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';

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

    Starting with react native,amazing start great vid

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

    Super helpful to get started really quickly

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

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

    the best tutorial i could find

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

    Super quick and easy. Thank You

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

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

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

    you're really good at this

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

    So easy and relaxing to watch tyvm

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

    Best tutorial i have ever seen! Thanks

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

    This was awesome!! Wonderful explanations.

  • @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?).

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

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

  • @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 2 ปีที่แล้ว

    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...

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

    Impressive work! waiting for more React Native Content

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

    I'm very grateful to you for all your help

  • @ez5267
    @ez5267 2 ปีที่แล้ว +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

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

    thank you very much dude

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

    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.

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

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

    thank you mate , subscribed.

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

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

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

    very clear tutorial, thanks

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

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

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

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

    Amazing wish you kept uploading!

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

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

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

      Amazing! Glad you're enjoying it 😁

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

    What a perfect tutorial, thanks Matt!

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

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

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

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

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

    Very concise, thank you, you rock!!

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

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

    Thank you sooooo much for the video Matt

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

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

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

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

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

    do you have different syntax for version 10?

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

    excellent tutorial, thank you so much for this!

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

    Fantastic tutorial mate

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

    truly speaking as a beginner I understood everything in react native but in the firebase section it's really hard to understand what you were doing.

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

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

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

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

    That's an amazing tutorial bro!👍🏻

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

      Thanks so much Aman, glad you enjoyed it!

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

    Amazing video, thank you so much! How do you recommend getting started if I already have an existing repo leveraging Ignite + Expo and want to add Firebase authentication?

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

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

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

    Great tutorial, thank you very much! If I'm using the firebase version9, what change should I make? Hope to get your reply, thank you in advance!

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

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

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

    I am from Ukraine and you bro are the best!!! thx you for your content!

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

    Firebase error : Error (auth/network-request-failed help

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

    Your videos are amazing and simple kindly make tutorial of firebase version 9 because, l have facing difficulty in authentication. Thankyou!

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

    Thanks for this matt

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

    thanks for this great tutorial!

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

    Amazing tutorial! Just a question: which is the VS Code Extensions that you are using to get those file & folder icons?

  • @daniel-js
    @daniel-js 2 ปีที่แล้ว +4

    Awesome walkthrough, Matt! 🙌 I have a question, are there any disadvantages to using the Web SDK over the iOS or Android SDKs? More specifically, when we're ready to deploy to the appropriate App Store or Google Play Store?

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

      My understanding is that the disadvantages are lack of Firebase analytics, and lack of access to Native authentication / login popups

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

    Awesome video bro thanks for video 💖💖💖😘

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

      Thanks so much Gourav I really appreciate it 🙌

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

    Hey Matt, great tutorial. I actually have a problem: The console says: Unable to resolve "firebase" from "firebase.js"