Add Login/Auth to your React app in 5 mins

[@CoderOne]

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

[@FreeCodingWorld]

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

[@jacobmoore8734]

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

[@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]

Dave gray has videos on that

[@samiRediAmaniTekeshAlazar]

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

[@sangwaemmanuel6936]

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

[@DenzelLawrence-eq2xv]

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

[@stonecomstock]

This is extremely helpful. Thank you so much!

[@sangwaemmanuel6936]

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

[@nbjr3670]

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]

The theme is halcyon. Thanks ^^

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

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

[@alessandrofoglia4581]

Can you make a refresh token video on this library?

[@Chmelewsky]

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

[@tharindudecosta]

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]

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

[@ajaykathait7633]

me too

[@joekimeu]

same

[@oguisantosilva]

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

[@joshuaeisenberger4975]

i got the same, do you have a solution?

[@ettoregiorgio2502]

same

[@Ronaldo7TFM]

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

[@affanansari7698]

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

[@rodelcrisosto499]

try using the version 2.12.7

[@Ronaldo7TFM]

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

[@nabinsaud4688]

Please also provide the link of api used in this video

[@pdxshadow9819]

He literally did in the description. Also used Yarn…

[@FreeCodingWorld]

Thanks for this video

[@RomanKulyk-m9n]

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

[@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]

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

[@nadeemr1070]

@@unmye yes it fixed my error too.

[@dzbro1194]

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

[@LETSSEEGOD]

Thanks a lot mate. You have saved a lot time

[@dzbro1194]

great vid. helped me alot

[@VinayThool]

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]

have you solved this error?im getting the same

[@createnewthings2024]

@@sudekarakus same error for me
have you resolved this

[@ajaykathait7633]

me too

[@tonmoytalukder4232]

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

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

[@nizamarif5825]

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

[@murilobarbosa5062]

did you solved this problem?

[@nizamarif5825]

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

[@philsmithies]

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

[@alcideswenner]

What vscode theme are you using?

[@ongkay250]

up

[@paw565]

Halcyon

[@tyndecor5236]

how to use refresh token?

[@gameplayerita5694]

could the kit be used with nextjs?

[@leodevbro]

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

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

[@erikm9768]

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

[@tabetabada5824]

awesome video

[@push-to-talkpodcast2864]

theme?

[@_tilu4702]

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

[@BADGRAPHIX]

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

[@paladin9876]

based

[@damilolaomotola7269]

How do i persist login after refresh?

[@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]

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

[@zakidzz]

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

[@monarchgam3r]

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

[@zakidzz]

@@monarchgam3r thnk s man

[@mamlzy]

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

[@NoumanKhan-ck7vx]

how to use refresh token please tell

[@tsalisrosyadi1441]

Have you found that?

[@NoumanKhan-ck7vx]

@@tsalisrosyadi1441 yeah u axios instance wish i knew before

[@sruthyps4348]

api not working

[@codewithfaizu1520]

i am waiting for your videos

[@felicytatomaszewska]

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?

[@vosid02]

what's that ide?

[@kunalahire5036]

thanks

[@mickey-ij7un]

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

[@techstuff7568]

If logged in, redirect

[@siddheshbhosale9820]

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

[@codewithfaizu1520]

big fan of you

[@kkr600]

it's not 5 mins

[@akosbalint3485]

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

[@aniket-in]

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

[@BigSmoke-r9w]

I cant understand crap.