Complete JWT Authentication with Django & React

By: Stuart Leitch

This GitHub repo accompanies my tutorial on the subject of how to use JWT Authentication with Django and React.

If you want to use React as a frontend with Django Rest Framework as a backend, you'll notice that getting the Authentication system set up presents one of the largest early hurdles. Follow this tutorial to build a really ugly website demonstrating the process from start to finish, including Custom Users, refreshing tokens, and protected views. It's the tutorial I wish I had when I first started.

The full tutorial on Hackernoon lives here: https://hackernoon.com/110percent-complete-jwt-authentication-with-django-and-react-2020-iejq34ta

Tutorial content

Part 1 - Django:

1. Django Custom User

2. DRF serializers and auth

Part 2 - React:

3. Installing React inside our Django project as a standalone app

4. Preparing React for Authentication, with routing, and the signup & login forms

5. Axios for requests and tokens

6. Logging out & blacklisting tokens

Part 3 - Improvements to Axios Interceptor

7. Fixing Axios infinite loop

Requirements:

• Django 2 or 3
• Django Rest Framework
• Python 3
• React 16.8 and up