Login Authentication Tutorial in React Native | JWT Authentication | AsyncStorage

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

КОМЕНТАРІ • 108

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

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

  • @arbelaezdiego
    @arbelaezdiego 8 місяців тому +1

    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  8 місяців тому

      You're very welcome!

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

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

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

    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.

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

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

  • @saneeshmaheshwari4847
    @saneeshmaheshwari4847 2 роки тому +9

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

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

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

  • @mohanwijesena6272
    @mohanwijesena6272 Рік тому +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

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

    Very helpfull video, thank you very much

  • @ricardosenabr
    @ricardosenabr 2 роки тому +2

    hi, thank you!! Excellent job.👍

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

    Thank you, this was exactly what I needed 🎉

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

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

  • @elabinnovations
    @elabinnovations 2 роки тому +2

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

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

    thank you bro, you did a great job !

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

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

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

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

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

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

    Great tutorials, many thanks

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

    its very informative videos thanks pradeep bro for such useful video

  • @meme-ku1vs
    @meme-ku1vs 4 місяці тому +1

    very helpful ❤

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

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

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

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

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

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

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

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

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

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

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

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

  • @gianpaolop.8525
    @gianpaolop.8525 2 роки тому

    Congrats, awesome video!

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

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

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

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

      @@backcost yes there is no context folder

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

    This is a really great tutorial

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

    Great explanation. Thanks

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

      You are welcome!

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

    Awesome man 👏

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

    thank you for the guidance

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

  • @mvn3949
    @mvn3949 2 роки тому +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.

  • @jdb2957
    @jdb2957 20 днів тому

    hi, does this handle refresh tokens? or does it just not expire for you?

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

  • @29ankitsondkar69
    @29ankitsondkar69 Рік тому

    very nicely explain!!!!

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

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

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

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

      Thanks for your comment. Expo router v2 tutorial is posted here ua-cam.com/video/ZG6GngLP3qo/v-deo.htmlsi=_fi39UV93UqzBRs9

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

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

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

    nice work sir

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

  • @auto-diciplime237
    @auto-diciplime237 9 місяців тому

    Thank you very much

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

    thi is whate i wante thnx PD

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

      Thanks for your comment & support!

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

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

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

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

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

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

  • @74n3r
    @74n3r 2 роки тому

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

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

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

    is it possible to use Keycloak with react native?

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

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

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

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

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

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

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

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

    Hi can you also do form validation for this?

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

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

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

    you should have added refresh token part also

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

    great job 🥰

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

    thank you sir

  • @dileeshaabilash5562
    @dileeshaabilash5562 8 місяців тому

    ❤❤Crazy Good

  • @user-tt6nc6mo7k
    @user-tt6nc6mo7k 2 роки тому

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

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

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

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

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

      Did you find a solution?

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

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

  • @NewChannel-nd8sm
    @NewChannel-nd8sm 8 місяців тому

    How to create that jwt api please tell

  • @-Deku7
    @-Deku7 2 роки тому

    U BEST!!!

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

    difference between useContext v/s redux?

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

    Wow, Awesome

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

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

    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 2 роки тому

      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 2 роки тому

      Did you manage to do this?

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

    thanks

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

    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

  • @SaanviGowda-x7t
    @SaanviGowda-x7t Рік тому

    Getting getItem is undefined error
    Can you please help me

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

    Dada kemon acho?

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

    Async storage is not working for me

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

    10:00

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

    yo, ever heard of redux? xd

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

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