Building a user authentication app with React and Django Rest Framework 

😂

@@djangoroad it was really good. I need to watch the rest because i don't understand ll of it and I want to you seem like you get it.

Thank you!

@@djangoroad Hey man so I've been trying to work with djangorestframework but it hasn't been going good, I get errors that djangorestframework could not be resolved when I try to import it and I've tried uninstalling, reinstalling, starting a new project, changing the virtual environment, using the old version and so on. What should I do?

If ur in viscode, do ctrl + shift + P and select ‘Python:Select Interpreter’ and choose ur virtual environment

@@Gyglir Thank you so much bro, I didn't know what to do and was about to give up

Thanks! Anything in particular when it comes to DRF and React?

@@djangoroad built a full SPA app sir

I agree 🙋

needed to add CORS_ORIGIN_ALLOW_ALL = True as frontend complained with a CORS error ?

same problem

Update. I'm 3 weeks into my journey of single page application with React and my head is spinning. I've managed to put the home, signin, signup in separate pages using React Router navigation links. I've separated the user check with Zustand to set a global 'is_authenticated' boolean, and calling it with useEffect on the homepage and profile page I've added. Apparently I have to call this function on all pages where I want to work with logged-in users only? This state concept is so different from Django-only, I can barely wrap my head around it, but I'm guessing this is the stateless vs stateful communication in action. I'm using the user response to display the users data where I want, and added a delete user functionality. After endless tries with post combinations, I finally got it working with a get method. Didn't expect that, not sure if what I'm doing is correct, and still trying to figure out how to delete the cookie, the empty brackets in the authentication classes seem to do that in the logout view, but that doesn't work for deleting users, at least not with my snippet. Some more CRUD functionality, together with error handling, would have been the cherry on the cake. But it's still the best cake out there for React beginners with Django experience. Thank you for this video.

In the mean time I've managed to add some error handling, both on the front upon submit, and from the back catching the status, wuhu. Today I woke up thinking 'but why use serializers if the user submits plain text?' It seems not needed, my login works fine without, but pretty sure I'm overlooking something.

I gave up, Now im using Next

hey ! did u find a solution ?

im having the same issue. Any luck figuring it out?

change the user model AbstractBaseUser to AbstractUser, because when you access with the django admin panel it need the fields like is_staff, and others. 😊

Hi, you might be interested in this video I made on JWT and DRF ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Qx5hDC33xQU.html It's a bit old but might still be useful.

@@djangoroad could u do a video on how to integrate the JWT Auth from DRF with React? Thanks!

test with ip(not local host)

watch 9:41 to 9:47 Django's server url is given as baseURL in axios. Later POST requests are made through axios.

Hey, I am also facing the same issue, did you resolved it yet by any chance?

I have the same problem probably. The error response message says "CSRF Failed: Origin checking failed - localhost:3000 does not match any trusted origins". And this is the case for all post requests after login. Did you have any luck figuring out what's wrong?

for that case try to use the ip address instead of localhost directly (localhost:3000 -> 127.0.01:3000) this method works for me.

Ensure your create method for the registration serializer isn't under the meta class and is a direct child of registration serializer. It sounds like your serializer is using the create function from the inherited serializers.ModelSerializer class.

@@persepofficial4215 I am new to django and my mistake was that I wasn't rewriting the method of the parent class in the current class, I thought I could name those methods (on the current class) as I wanted LOL, and after some hours I finded out that my method wasn't the same as the one in the video, then I fixed it all worked just fine. Btw thanks for your reply.

Hi, have you solved the problem?

the same issue here

if ur a newbie learn django first and dont jump intp restapi like no offense bro

This is a video about REST authentication, not about basic Django setup. Plus if the author would’ve decided to include those things you’re talking about, video would have been much longer!

dont mind this guy, the video is great! i want to know how react and django play together, this shows exactly that. Great stuff.