React Native Axios, AsyncStorage and JSON Web Token (JWT) for Login Authentication

Поделиться
HTML-код
  • Опубликовано: 2 окт 2024
  • Login using JSON Web Token or JWT and then we save token into AsyncStorage. So after user login, user don't need to input email and password anymore. It will auto navigate to another screens.
    If you have any question, feel free to ask me on :
    - Instagram : charismaaji
    - Email : charismakurniawan@gmail.com
    Thank you!
    #reactnative #reactjs #javascript #jsonwebtoken #jwt #asyncstorage

Комментарии • 47

  • @mateusneubarth4085
    @mateusneubarth4085 5 месяцев назад +3

    Great tutorial, man. No need to be sorry about your English tho! Pretty spot on on the explanation! Thanks for the help!

  • @skillzdboss
    @skillzdboss 5 месяцев назад +1

    source code

  • @MuhamadIlham
    @MuhamadIlham 10 месяцев назад +1

    indonesian accent wkwkw

  • @emilrasmussen7429
    @emilrasmussen7429 Год назад +4

    I'm not sure if you are saving the JWT in async storage, due to this being a tutorial or if this is meant for production. I think it's important that you explain, to those who might not now, that this is not a preffered way to store tokens, even says on various libraries. Async Storage is not meant for confidential information...

    • @charismaaji
      @charismaaji  Год назад

      Yes you're right. You can put token using react-native-keychain

  • @priyabapodra5178
    @priyabapodra5178 Год назад +3

    Great Tutorial, but can you please provide guideline about refresh token?

  • @danielalenfant-g8b
    @danielalenfant-g8b 7 месяцев назад +1

    ok

  • @bilelrahmouni01
    @bilelrahmouni01 Год назад +1

    goodjob bro nice tuto, please try to be more loud and clear and enthusiastic in ur videos :)

  • @pankhurigandhi625
    @pankhurigandhi625 Год назад +1

    In my case navigation is not happening,i even tried navigation.navigate still no response and no error msg on console, could you please help

    • @priyabapodra5178
      @priyabapodra5178 Год назад

      @pankuri Gandhi, you may forget to pass navigation as props or you can import useNavigation method and create object of it

  • @arnoldio3188
    @arnoldio3188 5 месяцев назад

    bang minimal tambahin cara manggil JSON di postmannya itu gimana walau cuma 1-2 menit, ini bingung juga soalnya pas ngelihat tutornya, react nativenya paham, tapi database managementnya ini bingung

  • @jeremyolu2787
    @jeremyolu2787 9 месяцев назад

    Good video, would be nice to do a refresh token flow when access token expires and you have to refresh again to maintain session

  • @junky3445
    @junky3445 Год назад +2

    Great tutorial!!! I was practicing with a sign up page I designed previously. For some reason though I'm getting an error in the user api when returning my error.res.data saying undefined is not an object, but I handle the error in the login screen. Any thoughts? I've looked all over found nothing.

    • @junky3445
      @junky3445 Год назад

      I’m also using expo

    • @charismaaji
      @charismaaji  Год назад

      you can try to console one by one from error, then see what the response

    • @junky3445
      @junky3445 Год назад

      @@charismaaji I’ve tried that and it says unreachable variable at error which points to a call from metros source so is it because I’m using expo?

    • @charismaaji
      @charismaaji  Год назад

      @@junky3445 I think it doesn't matter if you are using expo or CLI, need to know what kind of error

    • @junky3445
      @junky3445 Год назад

      @@charismaaji Alright. Thanks so much keep making great videos!

  • @biencuongngongoc3873
    @biencuongngongoc3873 Год назад

    thank bro, very useful

  • @awais526
    @awais526 Год назад

    Please sir one video apidata translate in React native diff language

  • @elabinnovations
    @elabinnovations 2 года назад +1

    What about refresh token?

  • @DanPeal1
    @DanPeal1 7 месяцев назад

    Very good stuff. Helped a lot, thank you :)

  • @snehasissahoo2485
    @snehasissahoo2485 Год назад +1

    Great tutorial! Thanks 🙏🏼

  • @motomatt5040
    @motomatt5040 Год назад +1

    This is great

  • @sherzodqodirov3813
    @sherzodqodirov3813 Год назад

    link github??

  • @SuperAdil08
    @SuperAdil08 Год назад

    there is an option use Keycloak in react native? or it is enough to use Keycloak api in order to login?

  • @elinjoroge3661
    @elinjoroge3661 2 года назад +1

    Nice one.

  • @ucoloredev988
    @ucoloredev988 Год назад +1

    Very clearly...thanks

  • @lak729
    @lak729 Год назад

    Thanks

  • @MYASSERARAFAT-aphet
    @MYASSERARAFAT-aphet 2 года назад

    Keren bang,,, izin belajar dari video ini ya

  • @trigga3085
    @trigga3085 Год назад

    thanks for this,

  • @ChandruChandru-ts7nz
    @ChandruChandru-ts7nz Год назад

    we should use post method but why you used create method in axios

    • @charismaaji
      @charismaaji  Год назад

      You can see on 3:25 I'm using method "POST" for connect to API

  • @mjunaid3037
    @mjunaid3037 Год назад

    Thank you from Bangladesh

  • @emonadriane5525
    @emonadriane5525 Год назад

    Thanks man, alot! Where did you use the "jwt-decode": "^3.1.2" though?

  • @Saurabhkumar-ps5zp
    @Saurabhkumar-ps5zp 2 года назад +1

    Thanks

  • @mubashir8036
    @mubashir8036 Год назад

    Thanks

  • @xyzxyzxyzxyz
    @xyzxyzxyzxyz Год назад

    Where is your charisma then.

    • @charismaaji
      @charismaaji  Год назад

      My name is Charisma, doesn't mean need "charisma" for coding

  • @beneadie3202
    @beneadie3202 6 месяцев назад

    it would be really great if you could publish a github repo :(

  • @khilmyfr4823
    @khilmyfr4823 10 месяцев назад

    Yang di tunggu JWT nya 😢, kenapa yang dijelaskan malah form loginnya.😭

  • @farhanfadil4503
    @farhanfadil4503 Год назад +1

    Thank you mate, you save my time.

  • @muhammadasgher5167
    @muhammadasgher5167 2 года назад

    Can you please upload a video with Azure SSO authentication, thanks

  • @thukukanyoro5863
    @thukukanyoro5863 Год назад

    A good tutorial. Really helped me