Authentication & Refreshing Tokens Implementation

Implementing JWT access and refresh token authentication with Django & React using the timed interval method.
Source Code: github.com/divanov11/refresh-...
Axios Interceptor Method: • Refreshing Tokens With...
Timestamps
00:00 - Intro
4:15 - Setting Up Django Project
12:15 - Adding Django REST Framework
15:24 - Adding Simple JWT
22:00 - Customizing JWT Settings
23:25 - Access & Refresh Token Lifespan
24:32- Rotating Refresh Tokens
26:25 - Blacklisting Refresh Tokens
30:00 - Customizing Token Claims
34:38 - CORS Configuration
38:30 - Setting up React Files
51:25 - Private Routes
58:25 - Setting up AuthContext
1:04:24 - Login User
1:20:00 - Get user state from local storage on load
1:29:45 - Logout User
1:31:30 - Refresh & Rotating Tokens
1:45:10 - Setting Up User Items in DB
1:52:20 - Adding Protected Endpoints
1:54:30 - Rending user items
2:01:35 - Logout user on fail
2:04:45 - Refreshing Token on load

[@parthmittal5625]

Thank you so much Dennis! Whenever I need anything related to Django, I just always come to your videos!!

[@gregruiz921]

This is very high quality content Dennis... thank you for your time and effort put into this production.

[@NotMixu]

This was exactly what I needed. Thanks Dennis

[@mattiepro2494]

This is the second time your tutorials have saved my life! I cannot thank you enough. YOU ARE MY HERO!

[@mintesnottariku5309]

What a perfect timing.. amazing .. last night I was looking for this kinda video and after 6 hours I hv seen my Django-guy made it!

[@NOTHING-en2ue]

you know what there is no teacher that teaches this for free, you're the best teacher i've ever seen ❤

[@victoralexandre9653]

Amazing content, Dennis! Your channel is helping a lot with my first Django+React application. Please continue, really rich video!

[@griftegrd]

Thank you so much for this really, really high quality video. Very informative, explanations were on point and even the errores were interesting as it happens to everyone, even someone who knows their game like you (which makes me feel a little better :)) I finally understand the logic of JWT and can implement it in my django/angular project. My best wishes to you, and thanks again for this fine content.

[@schalkolivier7363]

Thank you very much for the awesome content!! I have used React combined with firebase and Django (standalone) but never used them together. This video was really informative and helped me migrate my current frontends (Django Templates) to React.

[@kaz372]

So much covered in one video, thank you !

[@mastermaster153]

oh dude you saved my life too, i was looking for a tutorial about this with react and django and nothing but i found out this video and just saved my life, thank u so much!!!!!! you're a genious thaaankks!!!!! so much

[@jasbirsingh-mv5vh]

Came here for django authentication, along with the authentication part , this tutorial cleared my context API fundamentals too :)

[@waleedabdulmanea5301]

I really was looking for any tutorial that explains how to apply the refreshing token, but no luck .. anyway you are a legend thanks a lot

[@MuhammadAyaz-gp7xd]

Bestest Tutorial about JWT with Django on KZbin. Thank you so much sir, for making this premium grade content for free.

[@grigors2]

I almost never like videos, but ty bro you deserved it too much. I f*** love react + django and you just made everything for me so simple.

[@vidyasanap7613]

this is really useful and detailed video on authentication. It helped me a lot . Thanks Dennis.

[@faneto9608]

Amazing video Dennis, really enjoyed it ♥

[@RealSLK]

Very very very helpful video. Approach and explanations are great. Code is slightly outdated due to updates (router dom v6) but nothing a little research can't fix and you have updated videos on the subject too! Thank you.

[@kozol7]

This is exactly what I have been looking for! Complete and well explained.

[@alexcondurachi8423]

i think the jwt token must be decoded only in the server with a private key

[@zhe-jiazhang9535]

thank you very much. I learn JWT just in three day by your video.

[@everythingjdm8057]

beautiful tutorial man i love it been looking for this for while now

[@pushkarkumar7173]

Awesome lecture. Please watch this 2hr and it will save your whole one day in internet surfing

[@MasayaShida]

this is very valuable and thank you for explaining things thoroughly!

[@007unmesh]

This is very high quality content. Very appriciated Thanks Dennis From INDIA, KERALA, THRISSUR, KODAKARA

[@timeforrice]

Great content, format and quality!!

[@MoisesVillalbaSilvero]

Thanks Dennis! Amazing tutorial... Congrats from Paraguay!

[@gabrielros1]

Very Very good in-depth auth tutorial. Thank you. this is what the people need ! Suuuuuubscribed !

[@theanonymous5268]

Great Video! Just a note for anyone watching the video, "If you don't get it, you probably aren't ready for it yet" because Dennis explains pretty well.

[@rajat0610]

i was looking for exactly this!! thank you so much!!

[@swannhs]

Thank you so much. I was really struggle for this

[@appaloosa_]

Just what i was looking for + more. thanks!

[@llraekll]

React-Router-dom in video is the previous version, this is for anyone using React-Router-dom v6. The must be wrapped around as shown below This works for v6

[@honestoliveoil]

This is true. But when I try and implement the PrivateRouter and wrap the PrivateRouter in , React breaks because PrivateRouter isn't a Route. Did you find a solution to this?

[@munawar1288]

@@honestoliveoil yaa i too got like that. any fix?

[@habibi4579]

@@munawar1288 dont forget to initialize user variable

[@yourmoodfromme]

@@honestoliveoil # BrowserRouter ...

[@theelofiguy]

sure

[@GeorgeFemiwise]

you saved my life of frustration thank you Dennis.

[@josewilhelm2717]

Just what I needed. Thanks!

[@Andremzsptm]

That's exactly what I need. Thanks

[@StickMan1316]

Lol I was about to post that but I'm 8 months late.

[@017m.shahzaibafzal4]

Thanks Dennis Sir. You are my Best teacher.

[@SnoopLobster]

agreed.

[@codewithwizdom]

Thanks Denis.. You have really been helping career

[@eriche9296]

Amazing work, thank you!

[@user-mo9kt1hr3d]

좋은 강의 영상 감사합니다 :)

[@abhishekupadhyay6938]

Thank you very much for teaching this. I learned a lot from videos.

[@DennisIvy]

New video on adding refresh with axios interceptors instead of timed updates: kzbin.info/www/bejne/Z2eQYqCKmax1pa8. I know a lot of people were asking about this.

[@VadimSchulz]

thank you for your useful tutorials

[@djangofullcourse1171]

Thanks for the tutorial! I never worked with tokens and auth, and was really confused about them, but after this video everything became clear.

[@zenande699]

Aren't you supposed to be a Django expert?

[@griftegrd]

@@zenande699 lol

[@hiefall7023]

You are my savior! Thanks for your content

[@pacheking4605]

HIGH QUALITY CONTENT!!! THANKS U

[@Teddyrobinson]

Learning a ton! Thanks so much

[@achrafbouzekri709]

you are the man we need !

[@zoltanmolnar6956]

very sophisticated course, included with beginners mistakes (False, so on..) however I bought all of your courses, but sometimes just funny, but big respect you are trying to show us production ready things, not just useless , common educational apps

[@daughterofanartist7223]

Thank you!! It's super useful 👏🏻👏🏻👏🏻

[@abhishekk1231]

Loved this Video!! Thank you :))

[@raduciurca]

For PRIVATE ROUTES: if you aren't redirected to login when you go to the home page from the header link, try wrapping the route tags (private and normal route) with the tag.

[@dracula1347]

Awesome bro, respect

[@Pewpewpew230]

Great effort, thank you!

[@sujal1583]

Thank You Very Much. This helps a lot!!!!

[@williammorris7157]

This is perfect, thanks!!

[@anand_dudi]

Peferct time when i just finished a videos on it to implement on my project

[@theetawee]

Thank sir. So useful 🤟🏼

[@manavlakhanpal759]

Waiting for it 💙

[@DennisIvy]

Its here ;)

[@ajithrt123]

Thank yo so much. Very helpful and informative. Expecially for a beginer like me.

[@yousufummar9282]

That's what I was looking for, thanks for creating this usefully tutorial you help me alot, honestly you're a life server. But I can't wait to see another tutorial like this by using axios

[@jamesthomason4788]

Hi everyone! if you are having trouble with at 49:50 with Route component.... component was replaced in favor for element! I also had to wrap my Route tags in a Routes tag, so it would look more like.

[@adnank7496]

Thanks bro. I was looking for this. Do you know why is that?

[@jamesthomason4788]

@@adnank7496 just the implementation changed with updates

[@jakhongirturgunboev8593]

Thank you, it was indeed helpful

[@joaoarthurbandeira]

Hey Dennis! Excellent tutorial, as always! Can you also show us how to do registration and also how a logged in authenticated user can do post requests to create/update notes? Cheers, bro!

[@jondebosco7478]

Nice job boss!!

[@mishagavura7859]

Best of the best!

[@bhuvanbiju9203]

Awesome dude

[@dmitriisergeev306]

Perect video. Thank you a lot

[@FARX_Games]

thank you i made this with flutter and django .

[@BekzodToshpulatov-ev3jv]

Thank you broo you helped me

[@tanaysheth8601]

Me: *Bunking scool* to attend your videos 😄😆☺

[@maroso_]

thanks for this tutorial

[@ahmedghamdhan2729]

YOU ARE THE BEST❤❤❤

[@AlessiaCaraFans]

thank uuuuuuuuu so much you saved my life

[@winter8476]

Replace components = {HomePage} to element={} do the same for login and then make you wrap the in a parent . Import from the 'react-router-dom'.... any confusion reply with your issue and also Note that in v6 of react Routes Redirect has been replaced with Navigate so just swap and it would work

[@ayushmantiwari6441]

bro u r just awsome

[@hdd3065]

Thank you very much

[@Squinnmb]

Thank you!

[@yusufkalyoncu8704]

thank you nice content.

[@santanu8899]

You are the best teacher and I love watching your video. It will be very helpful if you make videos on vuejs. please 😌 ...

[@aryan7069_]

My honest thoughts. I knew React Django but i restricted my self to build React +Django projects having authentication because i thought i can not handle authentication . And therefore build only projects with django templating language . Finally I got this playlist Thanks man

[@niteshswarnakar]

same went for me in my college project. I had to use django templating since it is so hard to make user authentication in react + django

[@alizabetpour]

make more video like this for react and backend thank you

[@merabetzakaria2736]

Merci beaucoup!

[@meoconhoccode]

thank you very much

[@usamausman-dev]

In React-Router-dom version 6 , there is bit difference.... We need to wrap the our tags inside and instead of using component attributes we need to use element as an attribute and pass the component like this .... element= {}

[@dinokrivic5486]

and also useNavigate instead of userHistory

[@rizwanriaz8706]

Using PrivateRoute is also not displaying anything for me..

[@saphalpantha9865]

@@rizwanriaz8706p plz help same problem here

[@sserunkumaenock2159]

For me I get a problem of invalid token when a user opens his profile but sign in all is ok

[@darksouls1216]

Knock knock ○●○

[@shehramtahir3555]

Good job (y) Suggestion: You could have used setTimeout instead of setInterval so you don't have to return a clear interval method :)

[@karunyamohan5866]

Thank you

[@Araaawsh]

thank you مرسی

[@SulamitaRazumovskiy]

Thanks!

[@jiweihe3413]

Thank you for the helpful video. Do you have a video for adding different role permissions for rest frame work?

[@bismarcknyaboemomanyi6125]

great, i like what you are doing, thanks

[@mohamedyoussef8835]

Awesome ++++++++++++++++++++ Thank you

[@adfgejshcylwnoaoxgoakwoxio9703]

more thanks

[@techguru151]

Excellent ^ 64

[@iqrarahmad1725]

Great

[@aminghasemi]

Hey Dennis, Thank you this is really helpful. do you have any other video for the registration and forgot password process?

[@abhisheksanjaygawade1479]

More video on React and Django

[@0730pleomax]

Finally...

[@fahansheikh]

people suffering with changing the router version 5 to 6 for this tutorial " this guys has a video on that as well " might help"

[@andrii5345]

27:31 google translate in chrome recognized those long JWT tokens as Polish lmao

[@vigneshkarthik345]

Hi Dennis bro, your doing awesome video ❤, can you please tell me what theme your using in your vs code

[@yeyintaung9837]

thz man