React Django Crud Tutorial - Learn React Python Django In 1 Hour

React Django Crud Tutorial - Learn React Python Django In 1 Hour | For Beginners

Рет қаралды 21,269

Күн бұрын

Пікірлер: 90

@I_Fail_We_Learn 8 сағат бұрын

I recently got an internship and have been given time to learn Django with react ( I already know react )..after going through 2 days of online bs I found your video..though I still have to learn more I am very grateful for this video. Thank you

@PedroTechnologies 8 сағат бұрын

I'm glad it helped! Good luck with your internship!

@I_Fail_We_Learn 7 сағат бұрын

@PedroTechnologies thank you and bless your channel

@arhabersham 4 ай бұрын

🙌🏽 Pedro Pedro Pedro, Pe-dro PE 🎵

@greeneye360k 7 сағат бұрын

Great tutorial! Loved how you made React and Django CRUD so simple for beginners. Perfect balance of teaching magic in just an hour! 👏🔥

@julianraulmacagno1157 3 күн бұрын

Nice content Pedro! Thank you for making it

@xzex2609 4 ай бұрын

this was very helpful but actually there are a lots of problems that needed to be taken care of , Like the input fields must have been two way bounded so you can control the field after creating the book (clean them). the back end needed to check if the book is already exist and don't let you add more. the front end needed to check if the response is ok then add the contents so the empty book does not added when the database reject that the book is already exists. the backend needed to check if the both of the fields are provided then add them to the database I add some of the solutions if not title and not release_year: return Response({'detail': 'the title and the year is not provided'}, status=status.HTTP_400_BAD_REQUEST) if Book.objects.filter(title=title, release_year=release_year): return Response({'detail': 'Book already exist'}, status=status.HTTP_400_BAD_REQUEST) add value field in the input for twoway bounding and settitle('') setReleaseYear('') in every functions the it needs and check the response if (response.ok) { const data = await response.json(); setBooks(b => [...b, data]); // Reset the input fields after adding the book setTitle(''); setReleaseYear(''); } else { const errorData = await response.json(); console.log("Error:", errorData); alert("This book already exists in the database."); } and lastly use turnary opetator instead of if else setBooks(b => b.map(book => (book.id === id ? data : book)));

@ttaylor9916 Ай бұрын

thanks for the heads up

@okellocrystal6538 3 ай бұрын

This was perfect, very intricate but also easily palatable and flowing. You should def make more of this. Thank you so much.

@ebubeoguejiofor5094 4 ай бұрын

He made the video...yay!

@Misica11000 3 ай бұрын

And what you learned from this video yayy?...Nothing,yayyy

@ebubeoguejiofor5094 3 ай бұрын

@@Misica11000 you seem to be having a blast, trolling people on the Internet to make up for your own lack of skill and intelligence 🙂. Good luck with that.

@bahdcoder 4 ай бұрын

as i saw this video and i started praying for you.. thank you pedro

@Misica11000 3 ай бұрын

Not beginners friendly

@arhabersham 4 ай бұрын

The tutorial I been waiting for, from the content creator I been growing with ❤

@PedroTechnologies 4 ай бұрын

Hope you enjoyed it!

@dev-akeel 4 ай бұрын

@@PedroTechnologies For sure.

@Misica11000 3 ай бұрын

To much unexplained things with django and bekend,you learn nothing from this video

@abdrahim9307 4 ай бұрын

we need more tutorials like this 🎉❤

@xzex2609 4 ай бұрын

this was great . simple . right to the point. good stuff

@anjaneyulub2529 4 ай бұрын

Awesome content Pedro❤

@madhurabs4741 3 ай бұрын

Thank you so much !!!!!!!!!! I really mean it!!!! I completed the complete Tutorial. I learned a lot from this.. I used axios in my project.This is very helpful in the long run

@l.r4121 3 ай бұрын

Dude, amazing tutorial. Helps me a lot! Thanks!

@genesy479 4 ай бұрын

Thanks so much, knew this was coming

@edouardhalimi3514 2 ай бұрын

Very usefull, thank you !

@Sreekanth-s 3 ай бұрын

This was awesome! Thank you so much!

@hk254lyt8 4 ай бұрын

I needed this. You are God sent 🙏🏾

@Mr.ilyassLofi 4 ай бұрын

Thank you for this work, I learned a lot from you. 🐾🌀

@roginit8861 Ай бұрын

This video is very helpful for me. Thank you

@Deus-lo-Vuilt 4 ай бұрын

Thank you, I was just looking for a video like this

@MouSes222 Ай бұрын

So helpful, thx man !

@miladnicolas8858 2 ай бұрын

great video it help me a lot thks 👌👌

@AAA-f1m 3 ай бұрын

YES!!!! Are we going to get an intermediate video?

@hrithik3204 2 ай бұрын

continue the videos like this and cover all the topics of django and react we are waiting

@emericriviere220 Ай бұрын

very useful tutorial !

@UrbanParkSuitesChef 4 ай бұрын

King Pedro 🎉

@narayanreddy5531 3 ай бұрын

Thank you! Nice content

@manavshah1844 4 ай бұрын

Great🎉

@sick73 3 ай бұрын

Pedro, thanks for all the content. i have a request: if you could help us by making a vid on how you would implement a register, login and logout to this same CRUD app. thanks in advanced!!

@mikeross934 4 ай бұрын

pls do some videos on jwt authentication with Django rest framework!

@derek7710 3 ай бұрын

labeled "for beginners" I really wish there was more guidance on set up, atleast direction to useful articles, as python especially for mac users runs into a lot of issues

@davidmukoro1166 3 ай бұрын

Nice one. let's try to deploy this to shared Linux server and also with Mysql .

@praveertiwari3545 4 ай бұрын

thanks a lot dude

@joaoarthurbandeira 2 ай бұрын

Hey Pedro, it would be AWESOME if you could do a video with Django Rest (backend) + Nextjs (frontend) with maybe using tools like redux toolkit, rtk query, JWT authentication and how they interact with one another. Cheers!

@SK_Covers 4 ай бұрын

Need full stack project react/next and django for backend 👀✅🔥

@aashayamballi 4 ай бұрын

Thank you!

@roseklaynk3087 4 ай бұрын

I am so grateful Thanks so much for the video i did run into some errors with React and i saw the if statement and replaced it with this turnary instead const data = await response.json() setRecipes((prev) => prev.map((recipe) => recipe.id === pk ? data : recipe )) and you can add the catch (err) etc here

@RockyBlad3 4 ай бұрын

Good stuff as always Pedro would be cool if you could do a video on supabase and react

@mugerwaobadiah1621 4 ай бұрын

Nice, waiting for laravel react

@abidusage9765 2 ай бұрын

I'd like to know who we can use a relation one to many in this same tutorial. Eg: we can have class Language, also class Framework. Now the framework can exist if language exists. Help us to understand all the concepts about it

@pedrovic12 4 ай бұрын

Muito obrigado meu chara!!!!

@rangabharath4253 4 ай бұрын

Awesome

@godofwar8262 4 ай бұрын

Hey will you make a backend series with javascript

@xzex2609 4 ай бұрын

Dave grays Node course or MERN stack is great , both use node and express js. and he is the best teacher

@oliver.quiroz 3 ай бұрын

How did you install your django and djangoframework in your mac?

@user-Amankhowal 4 ай бұрын

How do you manage to enable Server Side Rendering?

@thinzin101 3 ай бұрын

it was too perfect

@mdanishossain026 2 ай бұрын

what is the theme of your VS code???

@KkKk-k1s1y 2 ай бұрын

can you post more React Django Tutorial or project, since i have a final year project coming pls!!!

@tomahocbc963 4 ай бұрын

please can you add authenticaion, login, logout etc..

@xzex2609 4 ай бұрын

I add some functionality to the create end point not to let add books when it is available in the data base and when the title is null I will copy the code for others. @api_view(['POST']) def create_book(request): data = request.data title = data.get('title') release_year = data.get('release_year') if not title and not release_year: return Response({'detail': 'the title and the year is not provided'}, status=status.HTTP_400_BAD_REQUEST) if Book.objects.filter(title=title, release_year=release_year): return Response({'detail': 'Book already exist'}, status=status.HTTP_400_BAD_REQUEST) serializer = BookSerializer(data=data) if serializer.is_valid(): serializer.save() return Response(serializer.data, status=status.HTTP_201_CREATED) return Response(serializer.errors, status=status.HTTP_400_BAD_REQUEST)

@bereketg5609 2 ай бұрын

53:16 I feel you😭

@janice5083 4 ай бұрын

help so in order to connect django and react i just need to use the corsheaders stuff and the rest framework?

@FarhanAlly 4 ай бұрын

hey pedro i was just requesting if you can clarify for the following things.. i am just a react guy and recently i have seen your firebase tutorial and i was following over them my question is can i totally use firebase as my solid backend because i have no knowledge about backend language... the other thing is can i partially usee firebase only when it comes to authenticatication part and use RTK querry of which i know it better fro thee CRUD operation . thanks

@asn3348 3 ай бұрын

more django react contents

@bahdcoder 4 ай бұрын

please make more django projects

@smamba95 4 ай бұрын

cool

@xzex2609 4 ай бұрын

more django stuff

@charliemiddleton9918 4 ай бұрын

WE NEED MORE is vite really necessary?

@LuisMorales-lu2cm 4 ай бұрын

Not necessary but way faster and more recommended to use vite, I think even in the recent react document it recommends to use vite

@adamlahchimi-zb9rc 4 ай бұрын

the linkdin link doesnt work

@dev-akeel 4 ай бұрын

🤔 I have been watching you for more than a couple of years, why do you put those unnecessary spaces in the jsx? and when prettier tries to format your code you just remove that formatted {" "}.