Add Login/Auth to your React app in 5 mins

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 ม.ค. 2025

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

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

    🎉Our Newsletter is live! Join thousands of other developers
    islemmaboud.com/join-newsletter

  • @reyaustineechavez9600
    @reyaustineechavez9600 ปีที่แล้ว +23

    Hi Bro, thanks for the tutorial, I'm just wondering if you could do an extended tutorial on how to setup access levels or user roles?

  • @AnkitaMehta-c4s
    @AnkitaMehta-c4s 10 วันที่ผ่านมา

    Hi
    What is the extension that you are using to see the Application in the Developer Tools panel.

  • @samiRediAmaniTekeshAlazar
    @samiRediAmaniTekeshAlazar 3 หลายเดือนก่อน +2

    thank you very much .. easy and straighforward ...!!

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

    Thank you man, you gave just basics and gave them well

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

    This is extremely helpful. Thank you so much!

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

    thanks Islem, this was very useful, doing that manually can be a pain, I'll be considering using this lib as a solution for handling authentication, cheers.

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

    Very nice and hjelpfull tutorial, thanks. but i would like to now what vsc color theme you are using. could you tell me some extensions you are using? couse i like it. thnaks in again.

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

      The theme is halcyon. Thanks ^^

  • @FreeCodingWorld
    @FreeCodingWorld 11 หลายเดือนก่อน +89

    title says 5 mins, but the duration of the video is 13+ mins💀💀💀

    • @jacobmoore8734
      @jacobmoore8734 9 หลายเดือนก่อน +1

      Which is funny cuz he's using a framework to speed up & simplify authentication

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

    Not working here. SignIn function is not saving the cookies😢

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

    Can you make a refresh token video on this library?

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

    Helped me to go around React authentication with my Spring Boot App, it worked like a charm

  • @Chmelewsky
    @Chmelewsky ปีที่แล้ว +6

    glad i'm not the only one who refers to auth as creepy stuff 🤣

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

    im getting an error: annot update a component (`AuthProvider`) can you please help me?

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

      i got the same, do you have a solution?

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

      same

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

      I get an infinite loop after SignOut or go to Private Routes

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

      @@Ronaldo7TFM did you find a solution? im having the same problem here

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

      try using the version 2.12.7

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

    Please also provide the link of api used in this video

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

      He literally did in the description. Also used Yarn…

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

    That's not working for me ...
    It says babel pacakges error. And when running this with a project using SWC instead of babel, it totally break my app ...

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

    What vscode theme are you using?

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

      up

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

      Halcyon

  • @RomanKulyk-m9n
    @RomanKulyk-m9n ปีที่แล้ว

    If I need to be authorized in multiple subdomains and on a domain, is this possible with your library?

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

    Hi, the cookies are deleted when I refresh the page. Are they supposed to do that?

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

      did you solved this problem?

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

      ​@@murilobarbosa5062 actually I didn't so I choose to save the token on the browsers state

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

      @@murilobarbosa5062the usual way is to set it in your react context that wraps around the application

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

    What is the name of the theme you're using?

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

    great vid. helped me alot

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

    getting error "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."

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

      i'm facing the same error
      did u rectify it🙂

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

      me too

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

      same

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

    I get an infinite loop after SignOut or go to Private Routes

  • @erikm9768
    @erikm9768 5 หลายเดือนก่อน +1

    thanks for not doing another lame sponsored auth0 video like every other sellout

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

    i'm getting this message Module '"react-auth-kit"' has no exported member 'AuthProvider'. Did you mean to use 'import AuthProvider from "react-auth-kit"' instead

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

      oh nevermind, I saw an issue in the docs saying I need to install react-auth-kit@2.12.7 instead

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

      @@unmye yes it fixed my error too.

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

      ​@@unmye thanks for this comment, it fixed my error

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

    Sometimes I think content creators are so funny. You just released a video "why JSON web tokens suck! You should stop using them!" 😂 Idk I find it funny

  • @DenzelLawrence-eq2xv
    @DenzelLawrence-eq2xv 6 หลายเดือนก่อน

    This was helpful but can you do the same video using react with JavaScript+SWC?

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

    can you make the same app but with next js? wnna see how to implemennt this with next js and also http only cookie

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

      i think for nextjs, nextauth is the only library than can really work well

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

      @@monarchgam3r next auth is full stack loking for secure client side

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

      @@zakidzz well this library can't work for that..as it requires react router dom

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

      @@monarchgam3r thnk s man

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

      @@zakidzz are u already know how to make auth with next js for client side only?

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

    Thanks for this video

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

    could the kit be used with nextjs?

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

      The docs of "react-auth-kit" library says: "Works with Gastsby, Next JS".

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

    how to use refresh token?

  • @NoumanKhan-ck7vx
    @NoumanKhan-ck7vx ปีที่แล้ว +2

    how to use refresh token please tell

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

      Have you found that?

    • @NoumanKhan-ck7vx
      @NoumanKhan-ck7vx 5 หลายเดือนก่อน

      @@tsalisrosyadi1441 yeah u axios instance wish i knew before

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

    Hi i am getting following error.
    Warning: React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
    react-dom.development.js:28439 Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
    App.js



    } />

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

      have you solved this error?im getting the same

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

      @@sudekarakus same error for me
      have you resolved this

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

      me too

  • @push-to-talkpodcast2864
    @push-to-talkpodcast2864 ปีที่แล้ว

    theme?

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

    How do i persist login after refresh?

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

    Thanks a lot mate. You have saved a lot time

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

    7:03 is where he starts getting into the meat of what you actually do.

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

    awesome video

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

    what's that ide?

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

    api not working

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

    How can I prevent user from accessing '/login' as authorized user? I'm looking for something like the opposite to

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

      If logged in, redirect

  • @caballerosalas
    @caballerosalas วันที่ผ่านมา

    just eat the damn orange!

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

    Tutorial outdated, look at the documentation to get more informations.

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

    i am waiting for your videos

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

    So you are saying that doing it from the scratch, understanding each and every step, controlling and customizing the process is crappy and creepy stuff?

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

    Is it safe to store the jwt token in client side cookie?

    • @aniket-in
      @aniket-in 2 ปีที่แล้ว +3

      Nope, you are vulnerable to XSS attacks.
      The authentication token cookie must be set from the server.

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

    hy guys, when I use
    const auth = useAuthUser();
    console.log(auth().email);
    I get error "Object is possibly 'null'.ts(2531)" Could anybody help? thx

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

    big fan of you

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

    thanks

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

    it's not 5 mins

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

    less then 5 min and this video is of 13 min 😂😂

  • @BigSmoke-r9w
    @BigSmoke-r9w 4 หลายเดือนก่อน

    I cant understand crap.

  • @caballerosalas
    @caballerosalas วันที่ผ่านมา

    1.- You speak too much
    2.- You speak too fast
    3.- You repeat the same shit several times.
    DO NO WASTE OTHER PEOPLE'S TIMES!

    • @caballerosalas
      @caballerosalas วันที่ผ่านมา

      Also, your tutorial is absolute obsolete and useless