🔴 React Native Todo App with Firebase and Expo

Поділитися
Вставка
  • Опубліковано 19 вер 2024
  • How fast can we build a React Native mobile app with Expo and connect it to Firebase to use real-time data? Let's see it on the stream!
    🔥 Learn React Native FAST: galaxies.dev/r...
    #############################
    ❤️ You can also find me on:
    Instagram: / simongrimm_
    Twitter: / schlimmson
    Facebook: / devdactic
    TikTok: / simongrimm_
    Or join our Facebook group:
    / simonics
    #############################
    #reactnative #reactjs #firebase #expo

КОМЕНТАРІ • 66

  • @galaxies_dev
    @galaxies_dev  Рік тому +2

    Learn React Native FAST by becoming a member of Galaxies.dev today [FREE] galaxies.dev/reactnative

  • @abdullahaboayesha
    @abdullahaboayesha Рік тому +5

    Love your react native videos , look forward to more react native videos

  • @douglasmaueski
    @douglasmaueski Рік тому +5

    👏👏👏👏 very good, congratulations for the class
    (Brazil)

  • @socialapp3231
    @socialapp3231 Рік тому +18

    Hmmm..... don't think you should start then not finish code when doing tutorials... the firebase error you encountered is a very common error to do with versions and breaking changes from v8 and below to v9 and above. I watched this video specifically for that issue as its the most recent (2023).... just waisted my time as you just skipped it...

    • @cfo3049
      @cfo3049 7 місяців тому

      I have fixed this issue (with Expo SDK50 and FirebaseV10 versions).
      I would have liked to have an asycstorage to save my login status so that the login still exists after the refresh.
      import AsyncStorage from "@react-native-async-storage/async-storage";
      const firebaseConfig = {
      ......your firebase configuration..........
      };
      const app = initializeApp(firebaseConfig);
      const auth = initializeAuth(app, {
      persistence: getReactNativePersistence(AsyncStorage),
      });
      const authInstance = getAuth();
      authInstance.onAuthStateChanged((user) => {
      if (!user) {
      }
      });
      export { app as FIREBASE_APP, authInstance as FIREBASE_AUTH };
      With this i be logged in after refresh and only after logged out i need a new login. (This is called Status:local in Firebase)
      Hope this is helpful.

    • @cianmcnally4694
      @cianmcnally4694 6 місяців тому

      Wop wop

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

    awesome tutorial sir! also love your setup :)

  • @sosualfred
    @sosualfred Рік тому +1

    Finally React Native, can't wait for more videos on Flutter and React Native.

  • @OmarAlJaberProfile
    @OmarAlJaberProfile Рік тому +1

    Thanks Simon clear and simple and amazing 🥰

  • @feyibadmus
    @feyibadmus 6 місяців тому

    Hello Simon!
    Thanks for all the great tutorials you have on your channel. I have recently transitioned to mobile development because i have a project i am working on and i have been using your videos to get up to speed.
    I do have a concern though which i noticed in most of your videos and live streams. You do a lot of copy paste and in most cases, it's always difficult to really understand what the code you pasted does in the instance applied and this also kinda affects understanding the code so as to be able to implement in personal projects.
    Kindly understand this is my personal perspective and i am not in any way condemning your preferred teaching method.
    Asides from this, you're really doing an awesome job and keep it up Simon.

    • @galaxies_dev
      @galaxies_dev  6 місяців тому +1

      Thanks for the feedback! I will definitely try to do less c+p in the future, and make sure I otherwise also add an according link to Github for those sections.

  • @ReginaldMcPherson
    @ReginaldMcPherson Рік тому +2

    You madman! "Subscribed"

  • @TappanAjmera1
    @TappanAjmera1 Рік тому +1

    Amazing video. Showed exactly what I wanted. Surprisingly I never ran into the react error for authentication. I don't know what I did different. Must be the version number.

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

      That's good to hear - I think it's because I imported a wrong object!

  • @PercyMelody
    @PercyMelody Рік тому +1

    Perfect this is the best firebase tutorial I've come cress🎉🎉🎉 is their a possibility that you'll do a Google siginn as well for expo

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

      Yes, will do it in a future live stream!

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

      @@galaxies_dev I'm very curious to see if you'll also develop it from scratch or use the react-native-firebase library for this. Haven't found any documentation to do the former... Maybe there's a reason for this?

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

    Nice content❤wnt more react native videos❤️🇮🇳

  • @sosualfred
    @sosualfred Рік тому +2

    Hi Simon, can you share which terminal you're using. I'd love to give it a try. Thanks.

  • @anonymous-gt2yv
    @anonymous-gt2yv Рік тому +1

    You need to be on same wifi connection to scan the qr code

  • @ALAD1N_TV
    @ALAD1N_TV Рік тому +1

    Nice Video, hope next React Native, Expo Video is with Supabase?

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

    Please don't record in 60fps video as it consumes more data and heavy for low end PC. Will really appreciate Thanks

  • @RajkumarDgupta
    @RajkumarDgupta Рік тому +1

    sir, can you make a react native mysql tutorial for CRUD and one tutorial about the uses of all react native hooks, hooks are very confusing

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

    Thank you for the video! Can i use analytics with this configuration?

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

    Thanks from Türkiye

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

    You should be connected to same wifi then only you can connect to your expo go

  • @user-ht8ub7ie5m
    @user-ht8ub7ie5m 8 місяців тому

    Great video! Is there a way to lauch this app on Playstore for Android?
    I've seen that you need to create a Google Play Console account, but how do I deploy my app?

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

    Hi, honestly I don't know what problem I'm running into, I using expo sdk 49 now but it didn't work with sdk 48 neither, when run my expo go app on my iOS simulator it works, but soon as I import my db, from my firebaseconfig file my app crashes, and just the white screen, and I don't know why, I use firebase 10.0.0. now. Any guide, or information would help a lot. Also I did the metro.config file too. nothing.

    • @davidbus5641
      @davidbus5641 Рік тому +1

      My bad, as soon as I changed js to tsx it fixed it self, I don't know what the hell is happening.

  • @usmanmarkaz
    @usmanmarkaz Рік тому +1

    Plz make Ecommerce project in React native expo

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

    Hey Bro! I don't have a mac. Do you recommend any cloud based deployment program for App Store?
    Do you think expo is a good choice?

    • @galaxies_dev
      @galaxies_dev  Рік тому +1

      Expo is definitely a great choice in that case!

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

    What do you think of using React-Navigation vs Router?

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

      Just tried the new expo-router for file based routing and really love it!

  • @RamanandSingh
    @RamanandSingh Рік тому +1

    code?

  • @freespeech515
    @freespeech515 Рік тому +1

    I hate Todo app... why dont people use store example?

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

    What's the log to console.log extension you use?

  • @keviinee1098
    @keviinee1098 10 місяців тому

    If i log in withanother user i get the same database what did i do wrong?

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

      You should add Firebase security rules!

  • @devpatel.54
    @devpatel.54 Рік тому

    Please make video on supabase

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

      With React Native? Definitely planned!

  • @buwanekasudheera9201
    @buwanekasudheera9201 10 місяців тому

    Please provide the github code

  • @cedricchretien-y8g
    @cedricchretien-y8g Рік тому

    Hi can you give me your tool to emulate your phone on pc

    • @galaxies_dev
      @galaxies_dev  Рік тому +1

      That must be Reflector!

    • @cedricchretien-y8g
      @cedricchretien-y8g Рік тому

      @@galaxies_dev thanks!!

    • @cedricchretien-y8g
      @cedricchretien-y8g Рік тому

      i have another question on the code. What mean ("...doc.data(),") i don't know this syntaxe. And do you have find a solution for the authentification ?

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

    very Boring

    • @unknown6032
      @unknown6032 Рік тому +8

      Are you here to learn or to have fun

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