No video

Add Login/Auth to your React app in 5 mins

Пікірлер: 89

  • @CoderOne
    @CoderOne Жыл бұрын

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

  • @FreeCodingWorld
    @FreeCodingWorld5 ай бұрын

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

  • @jacobmoore8734

    @jacobmoore8734

    3 ай бұрын

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

  • @sangwaemmanuel6936
    @sangwaemmanuel6936 Жыл бұрын

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

  • @stonecomstock
    @stonecomstock Жыл бұрын

    This is extremely helpful. Thank you so much!

  • @brunofilgueiras3518
    @brunofilgueiras3518 Жыл бұрын

    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.

  • @dzbro1194
    @dzbro1194 Жыл бұрын

    great vid. helped me alot

  • @reyaustineechavez9600
    @reyaustineechavez9600 Жыл бұрын

    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?

  • @kamichikora6035

    @kamichikora6035

    Жыл бұрын

    Dave gray has videos on that

  • @sangwaemmanuel6936
    @sangwaemmanuel6936 Жыл бұрын

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

  • @user-md6dw5zh1f
    @user-md6dw5zh1f Жыл бұрын

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

  • @Chmelewsky
    @Chmelewsky11 ай бұрын

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

  • @alessandrofoglia4581
    @alessandrofoglia4581 Жыл бұрын

    Can you make a refresh token video on this library?

  • @tonmoytalukder4232
    @tonmoytalukder4232 Жыл бұрын

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

  • @FreeCodingWorld
    @FreeCodingWorld5 ай бұрын

    Thanks for this video

  • @NoumanKhan-ck7vx
    @NoumanKhan-ck7vx Жыл бұрын

    how to use refresh token please tell

  • @LETSSEEGOD
    @LETSSEEGOD Жыл бұрын

    Thanks a lot mate. You have saved a lot time

  • @tyndecor5236
    @tyndecor5236 Жыл бұрын

    how to use refresh token?

  • @nbjr3670
    @nbjr36705 ай бұрын

    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

    5 ай бұрын

    The theme is halcyon. Thanks ^^

  • @kimbapslayer1995
    @kimbapslayer1995 Жыл бұрын

    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

  • @pabloa_e
    @pabloa_e9 ай бұрын

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

  • @tabetabada5824
    @tabetabada58243 ай бұрын

    awesome video

  • @damilolaomotola7269
    @damilolaomotola7269 Жыл бұрын

    How do i persist login after refresh?

  • @DenzelLawrence-eq2xv
    @DenzelLawrence-eq2xv29 күн бұрын

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

  • @nabinsaud4688
    @nabinsaud4688 Жыл бұрын

    Please also provide the link of api used in this video

  • @pdxshadow9819

    @pdxshadow9819

    2 ай бұрын

    He literally did in the description. Also used Yarn…

  • @Ronaldo7TFM
    @Ronaldo7TFM Жыл бұрын

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

  • @push-to-talkpodcast2864
    @push-to-talkpodcast2864 Жыл бұрын

    theme?

  • @codewithfaizu1520
    @codewithfaizu1520 Жыл бұрын

    i am waiting for your videos

  • @vosid977
    @vosid9779 ай бұрын

    what's that ide?

  • @alcideswenner
    @alcideswenner Жыл бұрын

    What vscode theme are you using?

  • @ongkay250

    @ongkay250

    Жыл бұрын

    up

  • @paw565

    @paw565

    2 ай бұрын

    Halcyon

  • @oguisantosilva
    @oguisantosilva Жыл бұрын

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

  • @joshuaeisenberger4975

    @joshuaeisenberger4975

    Жыл бұрын

    i got the same, do you have a solution?

  • @ettoregiorgio2502

    @ettoregiorgio2502

    Жыл бұрын

    same

  • @Ronaldo7TFM

    @Ronaldo7TFM

    Жыл бұрын

    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

    9 ай бұрын

    try using the version 2.12.7

  • @kunalahire5036
    @kunalahire5036 Жыл бұрын

    thanks

  • @nizamarif5825
    @nizamarif5825 Жыл бұрын

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

  • @murilobarbosa5062

    @murilobarbosa5062

    10 ай бұрын

    did you solved this problem?

  • @nizamarif5825

    @nizamarif5825

    10 ай бұрын

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

  • @philsmithies

    @philsmithies

    9 ай бұрын

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

  • @codewithfaizu1520
    @codewithfaizu1520 Жыл бұрын

    big fan of you

  • @gameplayerita5694
    @gameplayerita5694 Жыл бұрын

    could the kit be used with nextjs?

  • @leodevbro

    @leodevbro

    Жыл бұрын

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

  • @unmye
    @unmye8 ай бұрын

    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

    8 ай бұрын

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

  • @nadeemr1070

    @nadeemr1070

    8 ай бұрын

    @@unmye yes it fixed my error too.

  • @dzbro1194

    @dzbro1194

    7 ай бұрын

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

  • @sruthyps4348
    @sruthyps4348 Жыл бұрын

    api not working

  • @zakidzz
    @zakidzz Жыл бұрын

    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

    Жыл бұрын

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

  • @zakidzz

    @zakidzz

    Жыл бұрын

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

  • @monarchgam3r

    @monarchgam3r

    Жыл бұрын

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

  • @zakidzz

    @zakidzz

    Жыл бұрын

    @@monarchgam3r thnk s man

  • @mamlzy

    @mamlzy

    Жыл бұрын

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

  • @tharindudecosta
    @tharindudecosta3 ай бұрын

    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

    3 ай бұрын

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

  • @ajaykathait7633

    @ajaykathait7633

    2 ай бұрын

    me too

  • @joekimeu

    @joekimeu

    5 күн бұрын

    same

  • @mickey-ij7un
    @mickey-ij7un Жыл бұрын

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

  • @techstuff7568

    @techstuff7568

    Жыл бұрын

    If logged in, redirect

  • @akosbalint3485
    @akosbalint3485 Жыл бұрын

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

  • @aniket-in

    @aniket-in

    Жыл бұрын

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

  • @BADGRAPHIX
    @BADGRAPHIX9 ай бұрын

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

  • @paladin9876

    @paladin9876

    8 ай бұрын

    based

  • @user-it9gq5cx6n
    @user-it9gq5cx6n7 ай бұрын

    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

    4 ай бұрын

    have you solved this error?im getting the same

  • @createnewthings2024

    @createnewthings2024

    3 ай бұрын

    @@sudekarakus same error for me have you resolved this

  • @ajaykathait7633

    @ajaykathait7633

    2 ай бұрын

    me too

  • @felicytatomaszewska2934
    @felicytatomaszewska2934 Жыл бұрын

    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?

  • @kkr600
    @kkr60010 ай бұрын

    it's not 5 mins

  • @siddheshbhosale9820
    @siddheshbhosale98205 ай бұрын

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

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