Mastering Authentication in React Native (Expo Router) with Node.js and MongoDB!

Поділитися
Вставка
  • Опубліковано 22 лис 2024

КОМЕНТАРІ • 41

  • @SchubHebel
    @SchubHebel 10 днів тому +1

    Hey! You explained the file based routing pretty good! Now I finally have a clue :D Thanks a lot!

  • @patel5532
    @patel5532 Місяць тому +2

    After implementing the code mentioned in the tutorial when we going back twice in the app, it's still navigating to the tab screen however buttom tab is not visible. So, I've check your source code and you've wrap the protected route component around Profile screen instead of the Tabs component. And when I've replicate the same, and press back button after logout twice It's navigating to the Profile Screen. And Why didn't you follow the official guide from expo to protecting the routes? And Why you haven't use expo secure storage to store the token, Isn't it is recommended by expo team itself in the documentation?

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

      Hey @patel5532, thanks for pointing that out! I appreciate you taking the time to check the source code.
      The issue with the bottom tab not being visible seems related to how the navigation stack is being managed. I wrapped the protected route component around the Profile screen for simplicity, but I see how wrapping it around the Tabs component would avoid unexpected behavior on navigating back twice.
      As for not following Expo's official guide, I made some customizations to better fit this particular example. But you’re right, adhering to the official recommendations often results in more consistency. I'll look into that.
      Regarding using Expo Secure Store, I went for a simpler approach in the tutorial, but Expo Secure Store is definitely a more secure option for storing sensitive information like tokens. I'll update the tutorial to mention this.
      Thanks again for your feedback-always helps improve things! 😊

  • @AlexanderDagreata
    @AlexanderDagreata 5 місяців тому +1

    Thank you so much for creating this video, bro. I'm starting to work on react native projects to get used to it after switching from next js and react, but is there any way you could record the process of deploying your back-end using mongo db? By the way, once again, thanks for the help.

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

      Thank you. Yes I can deploy to render

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

    Nice video, is there a reason you chose react query + redux over redux + redux toolkit query?

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

      To my experience, It's about simplicity

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

      @@masyntech alright, i already have experience with rtk query on web, i think I’ll stick with it if there’s no developer benefit for using tansack

  • @kenthankgod2619
    @kenthankgod2619 2 місяці тому +1

    Nice video bro learnt a lot from you, how do you think it'll look like using context API instead of redux?

    • @masyntech
      @masyntech  2 місяці тому

      That's also perfectly fine. Try to support me by sharing

  • @tipchansongtheng6958
    @tipchansongtheng6958 4 місяці тому +1

    Subtitle will make you crazy 😁. But the video is worth it. Thanks brother.

    • @masyntech
      @masyntech  4 місяці тому

      Sorry for that and thanks for the compliment

  • @gerelitopuyos2100
    @gerelitopuyos2100 2 місяці тому

    Hello where is the video when you created the backend? Anyways thankyou for the video

    • @masyntech
      @masyntech  2 місяці тому

      Sorry, I will upload it as soon as possible

  • @dosamuel-mb
    @dosamuel-mb 5 місяців тому

    THANK YOU SO MUCH !!? I'm about to start your News App tutorial, please keep uploading this kind of videos :)

  • @tobyclint5949
    @tobyclint5949 3 місяці тому +1

    If user is signed in how do you redirect straight to the tabs (Homepage) instead of login Everytime?

    • @masyntech
      @masyntech  3 місяці тому +1

      You can persist the login user into Async storage

    • @tobyclint5949
      @tobyclint5949 2 місяці тому

      @@masyntech Thanks works like a charm, looking forward to more videos .

  • @dhruv-l8c
    @dhruv-l8c 27 днів тому

    The issue is that, even if I am authenticated, I am still sometimes redirected to the login or registration page when I return. However, when I am not authenticated, I correctly can't access the inner app, which is good. But the first issue persists.

    • @masyntech
      @masyntech  27 днів тому

      Are you handling the token correctly in the navigation logic?

    • @dhruv-l8c
      @dhruv-l8c 26 днів тому

      Yes, same as you, but the issue still occurs. Whenever I try to go back after successfully logging in, it takes me to the login page, which is incorrect.

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

    what is your vs code theme my friend? great video!

    • @masyntech
      @masyntech  3 місяці тому +1

      Thanks for the compliment. I use marketplace.visualstudio.com/items?itemName=tinaciousdesign.theme-tinaciousdesign

  • @AmosKuagbenu
    @AmosKuagbenu 24 дні тому

    how can i get the entire codes?

    • @masyntech
      @masyntech  24 дні тому

      Hi, It can be found here github.com/tweneboah/youtube-tutorials-projects/tree/master/REACT-NATIVE-PROJECTS/Auth-project

  • @funbioj
    @funbioj 4 місяці тому

    please where is the creation of the api video .. i haven't been able to locate it

    • @masyntech
      @masyntech  4 місяці тому

      I will upload soon

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

    You're voice is not audible from 56:33 to 59:38 if possible Could you add subtitle for that part?

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

      Hi really sorry for that. Without audio, it will be difficult to do so please you can compare to the final source code github.com/tweneboah/youtube-tutorials-projects/tree/master/REACT-NATIVE-PROJECTS/Auth-project

  • @ganjisvlogs1818
    @ganjisvlogs1818 2 місяці тому

    How to get rid of the (tabs) text in the header

    • @masyntech
      @masyntech  2 місяці тому

      Use headerShown option to false

    • @green.sparks
      @green.sparks 10 днів тому

      @@masyntech its not working, where do I put that option, Ive tried setting it in the tabs screen, but the (tabs) header is still there

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

    Yes, I like this tutorial

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

      Am glad you like it

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

    Where is backend code

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

      I will upload it soon

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

      @@masyntech If I want to code this authentication app what can I use for backend.

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

      @@ashishvishwakarma1222 Nodejs/Express,Mongodb/Mongoose

    • @Jose-td9wc
      @Jose-td9wc Місяць тому

      @@ashishvishwakarma1222 node.js was used for this video