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

Пікірлер: 287

  • @parthmittal5625
    @parthmittal56252 жыл бұрын

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

  • @gregruiz921
    @gregruiz9212 жыл бұрын

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

  • @mattiepro2494
    @mattiepro24942 жыл бұрын

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

  • @mintesnottariku5309
    @mintesnottariku53092 жыл бұрын

    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!

  • @NotMixu
    @NotMixu2 жыл бұрын

    This was exactly what I needed. Thanks Dennis

  • @schalkolivier7363
    @schalkolivier73632 жыл бұрын

    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.

  • @NOTHING-en2ue
    @NOTHING-en2ue Жыл бұрын

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

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

    So much covered in one video, thank you !

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

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

  • @alexcondurachi8423

    @alexcondurachi8423

    Жыл бұрын

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

  • @MuhammadAyaz-gp7xd
    @MuhammadAyaz-gp7xd6 ай бұрын

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

  • @jasbirsingh-mv5vh
    @jasbirsingh-mv5vh Жыл бұрын

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

  • @victoralexandre9653
    @victoralexandre96536 ай бұрын

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

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

  • @pushkarkumar7173
    @pushkarkumar71732 жыл бұрын

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

  • @faneto9608
    @faneto96082 жыл бұрын

    Amazing video Dennis, really enjoyed it ♥

  • @zhe-jiazhang9535
    @zhe-jiazhang95352 жыл бұрын

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

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

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

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

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

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

  • @waleedabdulmanea5301
    @waleedabdulmanea53012 жыл бұрын

    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

  • @007unmesh
    @007unmesh5 ай бұрын

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

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

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

  • @MoisesVillalbaSilvero
    @MoisesVillalbaSilvero10 ай бұрын

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

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

    Great content, format and quality!!

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

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

  • @grigors2
    @grigors22 жыл бұрын

    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.

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

    Thank you so much. I was really struggle for this

  • @GeorgeFemiwise
    @GeorgeFemiwise11 ай бұрын

    you saved my life of frustration thank you Dennis.

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

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

  • @appaloosa_
    @appaloosa_9 ай бұрын

    Just what i was looking for + more. thanks!

  • @josewilhelm2717
    @josewilhelm27172 жыл бұрын

    Just what I needed. Thanks!

  • @Andremzsptm
    @Andremzsptm2 жыл бұрын

    That's exactly what I need. Thanks

  • @StickMan1316

    @StickMan1316

    2 жыл бұрын

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

  • @017m.shahzaibafzal4
    @017m.shahzaibafzal42 жыл бұрын

    Thanks Dennis Sir. You are my Best teacher.

  • @SnoopLobster

    @SnoopLobster

    2 жыл бұрын

    agreed.

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

    Thanks Denis.. You have really been helping career

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

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

  • @eriche9296
    @eriche92962 жыл бұрын

    Amazing work, thank you!

  • @hiefall7023
    @hiefall702314 күн бұрын

    You are my savior! Thanks for your content

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

  • @Teddyrobinson
    @Teddyrobinson5 ай бұрын

    Learning a ton! Thanks so much

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

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

  • @DennisIvy
    @DennisIvy2 жыл бұрын

    New video on adding refresh with axios interceptors instead of timed updates: kzread.info/dash/bejne/Y2phk8-NlKqon7A.html. I know a lot of people were asking about this.

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

    thank you for your useful tutorials

  • @daughterofanartist7223
    @daughterofanartist722325 күн бұрын

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

  • @ajithrt123
    @ajithrt1233 ай бұрын

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

  • @pacheking4605
    @pacheking46058 ай бұрын

    HIGH QUALITY CONTENT!!! THANKS U

  • @sujal1583
    @sujal15833 ай бұрын

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

  • @achrafbouzekri709
    @achrafbouzekri7092 жыл бұрын

    you are the man we need !

  • @abhishekk1231
    @abhishekk12312 жыл бұрын

    Loved this Video!! Thank you :))

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

    Great effort, thank you!

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

    @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

    @munawar1288

    Жыл бұрын

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

  • @habibi4579

    @habibi4579

    Жыл бұрын

    @@munawar1288 dont forget to initialize user variable

  • @yourmoodfromme

    @yourmoodfromme

    Жыл бұрын

    @@honestoliveoil # BrowserRouter ...

  • @theelofiguy

    @theelofiguy

    Жыл бұрын

    sure

  • @djangofullcourse1171
    @djangofullcourse11712 жыл бұрын

    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

    @zenande699

    2 жыл бұрын

    Aren't you supposed to be a Django expert?

  • @theetawee
    @theetawee6 ай бұрын

    Thank sir. So useful 🤟🏼

  • @williammorris7157
    @williammorris71572 жыл бұрын

    This is perfect, thanks!!

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

    Awesome bro, respect

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

  • @raduciurca
    @raduciurca2 жыл бұрын

    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.

  • @anand_dudi
    @anand_dudi2 жыл бұрын

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

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

    Perect video. Thank you a lot

  • @manavlakhanpal759
    @manavlakhanpal7592 жыл бұрын

    Waiting for it 💙

  • @DennisIvy

    @DennisIvy

    2 жыл бұрын

    Its here ;)

  • @yousufummar9282
    @yousufummar92822 жыл бұрын

    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

  • @mishagavura7859
    @mishagavura78592 жыл бұрын

    Best of the best!

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

    thanks for this tutorial

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

    thank uuuuuuuuu so much you saved my life

  • @FARX_Games
    @FARX_Games2 жыл бұрын

    thank you i made this with flutter and django .

  • @BekzodToshpulatov-ev3jv
    @BekzodToshpulatov-ev3jv Жыл бұрын

    Thank you broo you helped me

  • @joaoarthurbandeira
    @joaoarthurbandeira11 ай бұрын

    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!

  • @aryan7069_
    @aryan7069_2 жыл бұрын

    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

    @niteshswarnakar

    2 жыл бұрын

    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

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

    YOU ARE THE BEST❤❤❤

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

    Thank you very much

  • @bhuvanbiju9203
    @bhuvanbiju92032 жыл бұрын

    Awesome dude

  • @tanaysheth8601
    @tanaysheth86012 жыл бұрын

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

  • @Squinnmb
    @Squinnmb2 жыл бұрын

    Thank you!

  • @merabetzakaria2736
    @merabetzakaria27362 жыл бұрын

    Merci beaucoup!

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

  • @jondebosco7478
    @jondebosco747811 ай бұрын

    Nice job boss!!

  • @ayushmantiwari6441
    @ayushmantiwari64412 жыл бұрын

    bro u r just awsome

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

    thank you nice content.

  • @santanu8899
    @santanu889911 ай бұрын

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

  • @meoconhoccode
    @meoconhoccode11 ай бұрын

    thank you very much

  • @jamesthomason4788
    @jamesthomason47882 жыл бұрын

    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

    @adnank7496

    2 жыл бұрын

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

  • @jamesthomason4788

    @jamesthomason4788

    2 жыл бұрын

    @@adnank7496 just the implementation changed with updates

  • @jakhongirturgunboev8593

    @jakhongirturgunboev8593

    Жыл бұрын

    Thank you, it was indeed helpful

  • @karunyamohan5866
    @karunyamohan58662 жыл бұрын

    Thank you

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

    @dinokrivic5486

    Жыл бұрын

    and also useNavigate instead of userHistory

  • @rizwanriaz8706

    @rizwanriaz8706

    Жыл бұрын

    Using PrivateRoute is also not displaying anything for me..

  • @saphalpantha9865

    @saphalpantha9865

    Жыл бұрын

    @@rizwanriaz8706p plz help same problem here

  • @sserunkumaenock2159

    @sserunkumaenock2159

    Жыл бұрын

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

  • @darksouls1216

    @darksouls1216

    Жыл бұрын

    Knock knock ○●○

  • @user-dg6xw3gl1j
    @user-dg6xw3gl1j2 жыл бұрын

    make more video like this for react and backend thank you

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

    Thanks!

  • @Araaawsh
    @Araaawsh2 жыл бұрын

    thank you مرسی

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

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

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

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

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

    more thanks

  • @bismarcknyaboemomanyi6125
    @bismarcknyaboemomanyi61252 жыл бұрын

    great, i like what you are doing, thanks

  • @mohamedyoussef8835
    @mohamedyoussef88352 жыл бұрын

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

  • @techguru151
    @techguru1514 ай бұрын

    Excellent ^ 64

  • @iqrarahmad1725
    @iqrarahmad17258 ай бұрын

    Great

  • @DiwashHCR2
    @DiwashHCR22 жыл бұрын

    👌

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

    why it is showing error when the code is exactly sale: "A is only ever to be used as the child of element, never rendered directly. Please wrap your in a ".

  • @0730pleomax
    @0730pleomax2 жыл бұрын

    Finally...

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

    Hey Dennis I'm building an angular application with a drf-api in the back end, which approach should I take for the authentication? Session? Drf built-in token? or JWT? I'm kinda lost

  • @michaelpearce8354
    @michaelpearce83542 жыл бұрын

    Thanks Dennis, great video. I'm getting a console warning about not including updateToken in the useEffect dependency list "React Hook useEffect has a missing dependency: 'updateToken'. Either include it or remove the dependency array react-hooks/exhaustive-deps". When I include it, another warning asks me to wrap updateToken in a useCallback hook, which leads to other errors when I comply. Is this an issue, or should I just ignore the warning? I also get a similar warning for the useEffect hook with getNotes. Many thanks, Michael

  • @user-eb1rq7py1g

    @user-eb1rq7py1g

    Жыл бұрын

    got the same problem

  • @yasayah7289
    @yasayah72892 жыл бұрын

    Thanks Dennis! Can admin approval be implemented like with‘registration-redux’?

  • @aminghasemi
    @aminghasemi11 ай бұрын

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

  • @afnannadeem238
    @afnannadeem2382 жыл бұрын

    Hey Dennis please add a video on social login with drf and react

Келесі