Django Rest Framework Series - JWT Token Authentication with React - Part-3

Hello, and welcome to the third tutorial in this Django Rest Framework Series. In the following series of tutorials we will go through the Django Rest Framework and in addition build a React application to consume our Django Rest API. In this tutorial we look to apply JWT token authentication on the Django Rest server and consume with React.

🎉More from this Django Rest Framework Series:

🐱‍🏍Introduction
00:00 Welcome and introduction
🐱‍🏍JWT
01:58 Why JWT?
04:37 JWT workflow
11:21 Decoding JWT tokens
🐱‍🏍Code Preview
12:51 Code Preview
Django Development
16:59 Start up Django
20:28 Install Simple JWT
23:25 Test tokens with Postman
25:20 Building a custom model
33:43 Testing user authentication with Postman
37:58 JWT Settings
41:57 Custom user registration class
🐱‍🏍React
48:57 Get up and running
49:31 Add new components
53:05 Install and setup axios
56:17 Registration component
1:06:36 Edit Header and links
1:10:47 Login component
🐱‍🏍Django Development
1:20:35 Build blacklist class

Code Repository:

👍SUBSCRIBE to get more free tutorials, courses and code snippets!

👍👍Follow us on Facebook

👍👍👍Follow use on Twitter:

[harunozkok]

I dont know why this content doesnt have so much visualization.. This is the best content that i have seen related to setup of Django rest with react js.. I have paid a course for this.. explanations were much worse.. i didnt understand anything related to custom user models and tokens.. Too much respect for this guy

[sergeipoliakov]

For anyone using react-router-dom version 6 or newer, 'useHistory()' was deprecated and replaced by 'useNavigate()'. Also <Switch> was deprecated and replaced with <Routes>

[agroforestryconsultancyroz]

It feels like this channel provides tutorials from the teacher with the highest programming skills I've seen so far.

[TheBodybuildingG]

Issues with this :
- the permissions are set to AllowAny so the login/logout does not affect the accessibility of the data from the server. An example where the posts cannot be seen only when logged in would been better.
- the logout component keeps creating blacklist token even after the user is logged out . keep pressing the logout button and the blacklist tab in the admin page will fill up
- again the last part of the series is rushed. Maybe in the future u can split this tutorials for better experience. (we obviously get tired by the end)

Still I appreciate the hard work u put in to make this videos with topics that are not touched by the general youtubers in this field..

[animeshkumar]

Best tutorial on token authentication using django JWT and react. I liked the content very much. Your channel should become famous.

[prvizpirizaditweb]

The way you firstly explain why we need it and how does it work, with diagrams is really helpful, thank you very much

[GaneshPatil-fscn]

We don't get such content even after paying. Hats off !!!
Thank you for the great content !!

[DevBishwasBh]

Thanks but please do NextAuth with Django Rest Framework, with Google OAuth. Also, adding "email and password" based authentication on the same tutorial will be great. I am desperetely waiting for your response.

[gunnar]

You are a brilliant teacher! Thank you so much! After hours of frustration when trying to understand JWT i stumbled upon your playlist and i now do not feel dumb and lost. It's pure join to understand this stuff och get things to work as expected.

[ummehanyarozshandaanny]

How can someone give such great work for free!!!
It's the best tutorial to me till now for Django...
I wish I could do more than subscription and like.
Thanks a lot...

[wolfisraging]

This is just a brilliant video. I mean the efforts you've put in, mad respect mate!

[alpstinger]

Love the "hello and welcome back". Another awesome tutorial.

[timothyclarke]

Thank you so much for this tutorial! I was in a tailspin of whether to use Django's built-in token authentication or other 3rd party packages, which seemed like a pain to integrate into my project and had very little return of investment. This seems like it's by far the best way to go.

[osamakhan]

the way you explained such a complex topic... sir ji you are great

[brom]

My progression over the past three months has been FCC (HTML, CSS, JS, React), Dr Chuck (Python 4 everyone), Corey Schafer (Flask/Django), then building my own Flask/Django projects. It was then that I didn't know what to do next, until I discovered this!

[andogrando]

Agreed with everyone this is the most succinct and understandable walkthrough of Django and DRF - thank you so much you deserve so many more views!

[PraisPranav]

You explain everything very beautifully. Now node js is in trend.. but I think django is simple

[AibekToroev]

Your explanations are very very very detailed and it is good for understanding how things actually work behind the scenes. Thank you so much!

[gopalmatcha]

Hands down one of the best tutorials I've ever seen! Thank you good sir!

[elmanpathan]

Thank you so much, very few people can explain in such a simple and concise manner.