Django Rest Framework Series - CRUD with React Front-end - Part-7

[@heleusascension3982]

I've seen a lot of django, django-react tutorials here in youtube and I can say that yours is far the best practical one. Please do how to improve django react SEO.

[@xlonewulf2459]

Yea django react seo is a very good topic! We hope he will teach us.

[@veryacademy]

No problem, expect it sooner than later in this series. There are some bigger questions here of course - packages such as Next JS and Gatsby hold the real answer here for website based SEO solutions.

[@paborlouise319]

Great 👍

[@veryacademy]

Thank you Pabor! Trust you are well!

[@mariamzayed91]

amazing, Thank you!

[@aashayamballi]

Going really good 👏🏽👌🏽

[@veryacademy]

Thanks 😁

[@anjaladhikari8951]

Hello!. I'm in a problem here when I try creating a post it says 'unauthorized' even though I am logged into the django rest's simulation login as well as into the frontend login we made. did i miss something? I think you forgot about adding headers while sending post request

[@akashsonlall7414]

Hey! @veryacademy I would like to know how do I send the current user login info to be passed onto a Typography label which is in the Header.js file?

[@GinesLA]

i want change the / route of post for /posts, i cant...

[@taoxu352]

Thanks for your tutorial! Could you please include a RichEditor in your post component? We can not only include text in the post but also include code snippets and other formats in the post.

[@veryacademy]

Yes indeed! Thank you for reminding me! Social auth is next up but then I could fit that in for sure with React 👍

[@siddharthshukla3557]

you could try codemirror : www.npmjs.com/package/react-codemirror2 its fantastic.

[@siddharthshukla3557]

hey man, i have one more question about postloading.js how could you import PostLoadingComponent from the postloading.js ??? it was defined as the return statement function there -> return function PostLoadingComponent({ isLoading, ...props })

[@veryacademy]

To be honest Siddharth, I would consider not using this approach. I am building a much more refined React application and will share it soon. The React component was just for proof of concept as this is meant to be a Django tutorial - I rushed it out. This is partly why this series has slowed down - whist I produce a much more refined and professional React and Vue app to share. The problem with this approach is that it does not update the state correctly so you will find yourself refreshing the page a lot - which is not ideal. The main hurdle to overcome here is learning more about working with async requests and understanding how to effectively update or refresh when an action occurs. I have a few React tutorials where we will build up to this.

[@siddharthshukla3557]

@@veryacademy glad to know.

[@RicardoAPerez]

How could we show the __str__ method of the model Category in the Post List instead of the id?

[@theCataras]

First of all: This tutorial series is awesome and i can't wait for future episodes! I have one small question about the general structure and please forgive me if i missed the obvious answer: When do you use completely new apps like Admin.js and when do you just add new components? Couldn't we have just added an admin.js component instead? Maybe this is to keep different parts of the logic seperated? Thank you again for all the great information!!!!

[@veryacademy]

Hi Paolo, the React code is this tutorials series is just thrown together - I started refactoring the code but just decided to stop at where the series left off - although I have said I would add a few more to it. I might even get around to refactoring. Will see.

[@bringinglife2]

Hello So here in create, only one person can create the post right? or we have to manually change it to another user. So how do we automatically assign the current user to the new post? Is it like with redux or context-api?

[@veryacademy]

Hey Createlyf, another good question. I dont want to sound a pain but - I am building a full React app with admin/users and anything else I can think of to respond to the many questions about adding other features. Will take a little while but will be worth the wait I hope. Now to your question. In short when you send a request to save the data you can add a field to capture the user and assign them to the new post. Appreciate this probably needs an example.

[@bringinglife2]

@@veryacademy Thanks for the response..so does that mean if we are assigning the user in the serializer itself, then that field will get saved automatically?

[@yashmore3525]

@@veryacademy Hi, when can we expect the full react app, was curious to know!!!

[@omki2504]

I keep getting an Infinite loop when I try to connect to the Django rest api, what do I do to fix it? I believe that its happening because of the axios call, so how do I fix it?

[@fuyukofuji]

Question: What is the difference between implementing the CRUD using "RetrieveUpdateDestroyAPIView" and implementing each operation alone, as you did?

[@veryacademy]

Time it takes to do it yourself mainly.

[@bringinglife2]

Hii, I have a doubt, when we are working with forms in react, do we have to validate the forms in frontend? since we are doing a serializer validation in the backend? so is there a need for double validation? Thanks

[@veryacademy]

Hey Createlyf. If Amazon sent you a gift and it was broken you would be annoyed right 😊 Why didn't they just check it before they sent it! I would recommend if and when you can to provide validation on both front and back - it can be time consuming but ultimately you get a better overall package. Also - we haven't mentioned it yet - Testing is also done on the front-end - so these type of checks and errors would be useful to catch, they add security and provides reliability and can aid performance - remember the front-end is on your device not the server - so lets use the host device as much as possible and avoid unnecessary processing on the backend.

[@bringinglife2]

Yes..Great and moreover superb contents on your channel. Thank you

[@rayon9353]

How do i pass author value from request.user rather than hard coded value?

[@shn8822]

Hi, Did you find a solution or do you have any sourcing recommendations because I couldn't find it.. thanks

[@rayon9353]

@@shn8822 i don't remember the video exactly but in order to get request .user from react to django views , you need to pass authorization headers from react side using fetch or exios

[@thedjangoway9052]

DJANGO REACT SEO FOR WEB CRAWLER PLEASE. Subscribed

[@veryacademy]

Thank you for the suggestion - a very popular one today! No problem loud and clear, coming up soon! 👍

[@trolletroller5909]

Seems like the code repository linked is the finished code, but where is the starting code? I am trying to follow this, but the starting code that you are using in these videos doesn't match the code repositories from the last videos. I am learning some stuff, but I am getting confused a lot by this.

[@veryacademy]

Hi Trolle, really sorry I don't have a link for the starter code unless you check the previous code example. I was trying to make stand alone tutorials but also thinking about the series continuation - it got a bit messy, am still learning and planning.

[@orkhanrustamli2039]

Hi, Do you have any plan about getting Slack or Discord channel so we can ask our questions and learn together? I have a question regarding little nested serializers which I could not find answer for days. I post a question in stakcoverflow and didn`t get an answer. May you can have quick look?

[@veryacademy]

Hey Orkhan, I can setup something like that if the community thinks it is valuable, that isn't a problem. Not sure if it is the right time to do so just yet?

[@ivayloivanov3744]

What version of node you are running?

[@veryacademy]

Whatever the latest is...

[@ivayloivanov3744]

@@veryacademy I am asking, because the React project from Part 7 repository is not working for some reason. After I run 'npm install' and 'npm start' the server won't start and gives me these errors: "npm ERR! code ELIFECYCLE" "npm ERR! errno ENOENT" I tried every suggestion on stackoverflow, but nothing worked. Everythings fine with every other React project.

[@veryacademy]

@@ivayloivanov3744 I will take a look for you later tonight

[@shawonhossain519]

How to delete multiple selected data using checkboxes ??

[@veryacademy]

Good question - have a look at how I used checkboxes in the 2nd part of the quiz api tutorial - shown you how to capture what the user has pressed - from that point you have an entry into your question

[@arghyadeepbarat5624]

Can anyone provide me the playlist for Django and react so that I can follow the tutorials in sequence.

[@veryacademy]

Hiya, sorry - it is a bit difficult to give you an A-Z at the moment. I have been jumping out, trying different material and practicing building tutorials. If you want DjangoAPI-React then the video you are looking at is part of a series which might be useful to you

[@arghyadeepbarat5624]

@@veryacademy Thanks for the reply.

[@olabodeezekiel5238]

please arrange your playlist

[@OpeyemiIsrael]

Is this able to do email verification?