React Native Authentication with Firebase and Expo in 27 minutes

Поділитися
Вставка
  • Опубліковано 9 лют 2025

КОМЕНТАРІ • 386

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

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

  • @Fathima_Ilmaa
    @Fathima_Ilmaa 11 місяців тому

    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🎉

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

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

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

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

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

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

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

  • @imhuman11
    @imhuman11 3 роки тому +1

    The best video on Firebase - Authentication with React Native.

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

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

  • @justin7532
    @justin7532 5 місяців тому +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 5 місяців тому +1

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

  • @HabitosySabidurias
    @HabitosySabidurias Рік тому

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

  • @shortv1dsreact
    @shortv1dsreact 5 місяців тому +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.

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

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

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

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

  • @pjf7044
    @pjf7044 2 роки тому +1

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

  • @sanghoonkim339
    @sanghoonkim339 2 роки тому

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

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

  • @nomeacaso6944
    @nomeacaso6944 3 роки тому +6

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

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

  • @eddyelamin9015
    @eddyelamin9015 2 роки тому

    seriously this guy deserve the world

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

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

  • @giwrgosiwannidis4684
    @giwrgosiwannidis4684 3 роки тому

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

  • @howaboutyu
    @howaboutyu 2 роки тому +3

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

  • @emrySoda
    @emrySoda 3 роки тому

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

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

  • @waziir
    @waziir 2 роки тому

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

  • @nunosantos3621
    @nunosantos3621 Рік тому

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

  • @ryanharris5968
    @ryanharris5968 2 роки тому

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

  • @lrajoo11
    @lrajoo11 3 роки тому

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

  • @danielweb
    @danielweb 3 роки тому

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

  • @diegoguardiola2400
    @diegoguardiola2400 Рік тому

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

  • @swapnil0402
    @swapnil0402 2 роки тому

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

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

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

  • @penguinxed
    @penguinxed Рік тому

    thank you brother! easy to follow and very clear

  • @OngThuong0710
    @OngThuong0710 3 роки тому

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

    • @MadeWithMatt
      @MadeWithMatt  3 роки тому

      Amazing! Glad you're enjoying it 😁

  • @spicymeowsters
    @spicymeowsters 2 роки тому

    you're really good at this

  • @dt1990pro
    @dt1990pro 2 роки тому

    Super helpful to get started really quickly

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

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

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

  • @nasharcadia
    @nasharcadia 2 роки тому

    Super quick and easy. Thank You

  • @jagdeeshbhavani706
    @jagdeeshbhavani706 2 роки тому

    Simple and clear tutorial

  • @pratik9840
    @pratik9840 Рік тому

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

  • @code_bro6144
    @code_bro6144 7 місяців тому +1

    thank you very much dude

  • @arthurpires3341
    @arthurpires3341 Рік тому

    the best tutorial ever
    clear objective easy to understand

  • @rajvinoth1735
    @rajvinoth1735 3 роки тому

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

  • @one111won
    @one111won Рік тому

    This was awesome!! Wonderful explanations.

  • @carlosh.s5792
    @carlosh.s5792 2 роки тому

    the best tutorial i could find

  • @ezisbertakachiungo7043
    @ezisbertakachiungo7043 2 роки тому

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

  • @abcdefg-rk6pv
    @abcdefg-rk6pv 3 роки тому

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

  • @iamharnad
    @iamharnad 2 роки тому

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

  • @sivaapss0015
    @sivaapss0015 3 роки тому

    Starting with react native,amazing start great vid

  • @wtfdoiputhere
    @wtfdoiputhere 3 роки тому

    So easy and relaxing to watch tyvm

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

  • @ingal.1
    @ingal.1 3 роки тому

    Best tutorial i have ever seen! Thanks

  • @bmo7454
    @bmo7454 2 роки тому

    Great tutorial man, your work is appreciated.

  • @tienhuynh2435
    @tienhuynh2435 Рік тому

    I'm very grateful to you for all your help

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

  • @anum2471
    @anum2471 3 роки тому

    Impressive work! waiting for more React Native Content

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

  • @pritamchawdhary988
    @pritamchawdhary988 11 місяців тому +1

    do you have different syntax for version 10?

  • @JessenTube
    @JessenTube 3 роки тому

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

  • @mounirben9370
    @mounirben9370 9 місяців тому

    very clear tutorial, thanks

  • @nerodant85
    @nerodant85 2 роки тому

    Thank you sooooo much for the video Matt

  • @manhhoangg
    @manhhoangg 3 роки тому +3

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

  • @TrexeoDev
    @TrexeoDev Рік тому

    Amazing wish you kept uploading!

  • @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 3 роки тому

      ua-cam.com/video/20TSEoJkg5k/v-deo.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!

  • @umyothein7363
    @umyothein7363 3 роки тому

    Fantastic tutorial mate

  • @Juan_lauretta
    @Juan_lauretta 2 роки тому

    excellent tutorial, thank you so much for this!

  • @ethanshealey
    @ethanshealey 3 роки тому

    What a perfect tutorial, thanks Matt!

  • @gouravnainwaya5669
    @gouravnainwaya5669 3 роки тому +1

    Awesome video bro thanks for video 💖💖💖😘

    • @MadeWithMatt
      @MadeWithMatt  3 роки тому +1

      Thanks so much Gourav I really appreciate it 🙌

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

  • @jumblejournal
    @jumblejournal Рік тому

    thanks for this great tutorial!

  • @skilllearn904
    @skilllearn904 2 роки тому

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

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

  • @victoreleanya4375
    @victoreleanya4375 2 роки тому

    Thanks for this matt

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

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

  • @atlxzsx
    @atlxzsx 2 роки тому

    really great video - thank you

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

  • @zecool7041
    @zecool7041 2 роки тому

    nice video , keep up the good content!

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

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

  • @KienNguyen-mo3we
    @KienNguyen-mo3we 2 роки тому +1

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

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

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

    Why u r using the web app config? Cant u add android or ios app and use google signin ?

  • @leom553
    @leom553 3 роки тому

    Very good content. Thanks!

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

  • @niway.
    @niway. 2 роки тому

    Amazing. Simply.