Login Authentication Tutorial in React Native | JWT Authentication | AsyncStorage

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

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

  • @Ismamneosysworld
    @Ismamneosysworld 10 หลายเดือนก่อน +4

    Absolutely perfect lecture for a beginner's student. Thank You sir.

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

    Really clear! I have seen lot of tutorials without a real context. Here we can learn in a real example how to use Context, Navigation, LocalStorage and HTTP Requests using axios. Congratulations!
    😃

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

      You're very welcome!

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

    Thank bro, I am nabe to the React Native, by some youtube class, i created the react native app, but issue in auth and navigations , but yours one play list had solved all my problem's thanks a lot bro.

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

    This is helpful
    I was very confuse on the implement of authen use navigation and this saved my life!

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

    you're amazing, you save my university project, thanks a lotttttttt

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

    Absolutely perfect tutorial. Thank You very much and good wishes for you.

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

    Very helpfull video, thank you very much

  • @mohanwijesena6272
    @mohanwijesena6272 10 หลายเดือนก่อน +2

    Hi Pradeep - I see that you store the access token on to a state..what's the best practice? is it to store into a state and keep referring to it when required or fetch from AsyncStorage when required? Would there be a security concern storing the access token on a state? Thanks

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

    Jwt code is not available in git repo plzz add the code.

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

    Hey, teacher Pradip!
    Congratulations for your excellent videos!
    I was wondering how you did the reauthentication in case the user forgot the password? :)

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

    Thank you, this was exactly what I needed 🎉

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

    Excellent to-the-point guide. If this was nostr I'd zap you right now.

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

    hi, thank you!! Excellent job.👍

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

    Your the best man! Im learning so much cause of u! Please teach us how to create a feed in the app and post stories by user with the JWT authentication flow

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

    thank you bro, you did a great job !

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

    I did as he wrote, but it return an error isLoading undefined in my app.js why?

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

    What about refresh token?
    How can i implement refresh token?

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

    Great tutorials, many thanks

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

    very helpful ❤

  • @gianpaolop.8525
    @gianpaolop.8525 2 ปีที่แล้ว

    Congrats, awesome video!

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

    Did you create your api with springboot?
    could you recommend a good tutorial for Api building.
    thank you!

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

    Wow! it's Amazing I did it well ! Perfect work !

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

    its very informative videos thanks pradeep bro for such useful video

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

    you RE SUCH A GEM MAN can u make one series for Redux in react native with either thunk or saga

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

    great video, helped me understand some concepts better :) , dropped a like and subscribed.
    ps: the github is not up to date i believe, or is it on purpose ?

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

      i think the github isn't updated with the last version

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

      @@backcost yes there is no context folder

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

    Navigation not working in AuthContext screen. Any idea?? How to solve this error

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

    Hi, thanks for great videos.
    If i just do for Home screen not for nav drawer then?

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

    you should have added refresh token part also

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

    Awesome man 👏

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

    thank you for the guidance

  • @NewChannel-nd8sm
    @NewChannel-nd8sm 6 หลายเดือนก่อน

    How to create that jwt api please tell

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

    Hi Pradip,
    your videos really help me to learn something new and it's very easy to understand.
    Sir, I've question that can we add gif img and button on splash screen on click of
    that button, it takes me to home screen. I searched a lot to find out the solution
    but nowhere in internet provided that solution, can you pls make one video for this.
    Humble request 🙏.

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

    This is a really great tutorial

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

    Nice tutorial, but correct me if i'm wrong, we never check if the jwt token is expired when we start the app right?

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

    How to further access the stored token to fetch auth data with header

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

    Great explanation. Thanks

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

      You are welcome!

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

    While Signing up success how will navigate user from signup screen to Signin screen(since from context u cant navigate to screen).

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

    Great tutorial. SUBSCRIBED. 😊
    Can you please make a tutorial on creating a general APICaller File from which we can make all API calls POST/GET etc? And consume it in any page with keeping APICall caching strategy in mind to optimize APICall speed and memory? And add Redux for generalized state management in your style? I'll be very thankful to you

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

    hi pradip, how we can prevent with multiple login in above example

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

    Hello, how do I get postman to generate the token, I can't do the authentication because postman doesn't connect to my project, thanks

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

    When I click on login button I get "TypeError: cyclical structure in JSON object" anyone has an idea what could be wrong? Same code as in this video.

  • @29ankitsondkar69
    @29ankitsondkar69 ปีที่แล้ว

    very nicely explain!!!!

  • @emmanuel-xm8ho
    @emmanuel-xm8ho ปีที่แล้ว

    hi pradip ! I'm lost in the end of the video, how didi you do to make a jwt ???? because I don't have the same result ...

    • @emmanuel-xm8ho
      @emmanuel-xm8ho ปีที่แล้ว

      I finally use the same backend solution for my react app to generate a jwt token and it's a success ;) ! thanks for the tuto !

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

    Hey Pradip, do you know any tutorial about how to make a NPM package for a React Native component? I'm strugglin to make my component a module to be export

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

      Interesting! I haven't looked into this topic yet but I'll look into it and share some info or may be create a video about it in future.

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

      @@itzpradip thank you so much!

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

    Hi my dear friend. Im creating a authentication with react native google sign in. How can i make a auth with react navigation

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

    Can you make a video about the same but with expo router v2 instead of react navigation ? Great job !

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

      Thanks for your comment. Expo router v2 tutorial is posted here th-cam.com/video/ZG6GngLP3qo/w-d-xo.htmlsi=_fi39UV93UqzBRs9

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

    please make video also on register component from where get token and than use it login component

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

    is it possible to use Keycloak with react native?

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

    difference between useContext v/s redux?

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

    Hi there, at 16:09, can you make a more in depth guide on JWT Authentication? Pretty Please? 😢 you're my only hope for my thesis. Or at least, can you tell us how you generated that initial link in postman?

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

    Hello I have a question:
    Does anyone know how I can make the user log in to have a profile screen where his name, height, weight and his photo appear?

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

    nice work sir

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

    post video about React Native CLI from scratch to advanced concepts video series

  • @74n3r
    @74n3r 2 ปีที่แล้ว

    could be update github acc ? because in my opinion doens have more files.

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

    Nice tut. But you should not store token with asyncstorage cause IT IS NOT SECURE. Please if the serie continue provide another solution to store and retrieve the token with encryption. And solution to refresh expired token. thanks.

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

      Did you got any resources for refresh token implementation for react native apps

  • @user-tt6nc6mo7k
    @user-tt6nc6mo7k 2 ปีที่แล้ว

    You did not uncomment the AppStack? How does that work?

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

    thanks for the tutorial

  • @auto-diciplime237
    @auto-diciplime237 7 หลายเดือนก่อน

    Thank you very much

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

    Hey Pradip, can you do twilio chat (Conversations API) for React Native. Coz no have posted any tutorial or anything. And Its need for everyone,
    Thank You

  • @SaanviGowda-x7t
    @SaanviGowda-x7t ปีที่แล้ว

    Getting getItem is undefined error
    Can you please help me

  • @-Deku7
    @-Deku7 2 ปีที่แล้ว

    U BEST!!!

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

    And can you please specify why did you preferred AXIOS over FETCH for REST API CALLING?

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

      axios has more features than fetch

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

    thi is whate i wante thnx PD

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

      Thanks for your comment & support!

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

    great job 🥰

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

    how do u handle the 401 error to logout the user? can u do that also. when the jet token expire how will logout the user from a global axios file

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

      Did you manage to do the logout when the token expire?

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

    permission to ask, is it in this video that if the token expires then it is immediately directed to the login screen?

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

      Did you manage to do this?

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

    Can you maje a video of roles in react-native pleaseeeeee🙏🏾

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

    Thanks for the amazing video
    And in a situation whereby you're to make api calls with an expired token, because token do have expiration time.
    I would really love you to assist me with a reply because I'm kind of stalked on a project with this situation

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

      In that case, you'll have a refresh token API end point where you can provide the expired token to get a new one and you can do those checking in isLoggedin function.

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

    Async storage is not working for me

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

    Thanks for the video.
    Can you show the how to implement forgot password

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

      It's mainly a backend process and from the app you just need to do some API call and create 2 new screens for submitting the email/username to get email to reset password and the other one will be where you reset the password. So there's nothing much different than just doing some api calls. I don't have any plan to make a video about it.

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

    Hey, Can you please make a video about Zoom call integration with React native?

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

    hi can someone please help? My logout function was working fine before but now doesn't work...i stay logged in when i reopen the app after logging out

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

      I'm also getting the same issue.
      Did you find any solution

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

    Hi can you also do form validation for this?

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

    thank you sir

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

    how do you handle it if the token expires on the backend?

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

      Did you find a solution?

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

      Return an unauthorized response to frontend and log the user out, or send a refresh token

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

    Wow, Awesome

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

      Thank you! Cheers!

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

    ❤❤Crazy Good

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

    Dada kemon acho?

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

    thanks

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

    10:00

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

    At certain parts you go way to fast, maybe explain what certain parts do and take your time to display what you're doing. Making tutorials is not a race. If users find you going to slow they can easily skip through.

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

    yo, ever heard of redux? xd

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

    lazy loading video

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

    Please mention your insta here, i wanna follow's you there too, because you always post such a useful and industry trendy stuff.
    Huge admiration for being my mentor, love from Pakistan

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

      Thanks for your support & comment. I don't have instagram account.