Django Rest Framework Series - Build a Django DRF app and React Front-end - Part-1
ฝัง
- เผยแพร่เมื่อ 30 มิ.ย. 2024
- Hello, and welcome to the first 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 work through a little bit of API theory then start to build a simple application in Django - based around a blog type of application. We move through the gears in Django then move across to React where we build an application to consume our new Django API.
🎉More from this Django Rest Framework Series:
• Learn Django Rest Fram...
🐱🏍Introduction
00:00 Series overview and tutorial breakdown
🐱🏍Theory
03:40 Theory Introduction
14:31 HTTP Request Methods
16:29 HTTP Status Response Codes
20:05 Defining a RESTful API service
27:16 Endpoints
🐱🏍Django Development
31:37 Creating a new project and virtual machine
35:37 We start coding - first the URLs
41:03 Creating the models
51:02 API views and serializers
1:00:15 Using the APIview
1:07:02 Using the built in generic class views
1:12:19 Starting and using the Postman application
1:13:41 Testing the application
🐱🏍React Development
1:31:56 Introduction
1:32:44 Build new application
1:36:28 Building the index.js component
1:41:01 Material UI introduction
1:43:00 Building the header and footer
🐱🏍Django Development
1:53:19 Installing and configuring Cors
🐱🏍React Development
1:56:43 Connecting and collecting data from an API
2:12:44 We have data!
Code Repository:
github.com/veryacademy/YT-Dja...
👍SUBSCRIBE to get more free tutorials, courses and code snippets!
/ @veryacademy
👍👍Follow us on Facebook
/ veryacademycom-1132321...
👍👍👍Follow use on Twitter:
/ veryacademy
![[LIVE] : ONE ลุมพินี 68 | คู่เอก "พระจันทร์ฉาย vs โจนาธาน"](http://i.ytimg.com/vi/F3IM3w-XchI/mqdefault.jpg)
This is fantastic so far! The first DRF series I've seen that includes testing right from the start
This always happens with me, I see a dozen of tutorials with not-so-appropriate explanations, get frustated , and then finally land up on a tutorial with THE MOST AMAZING explanation on this planet. Can't thank you enough for such a clear & engaging content. Can't wait to see this channel getting what it deserves.✨💜
I've been doing full stack stuff for years, but I still learned a lot from this video. Thanks
I have to admit. This is the first time I have felt so comfortable with React and Django in a year. This series is the Best Christmas present for 2021. Everything that I want is in this.
same!!
I love using Django, and react, so putting them together is absolutely dynamite. Thank you for this,
You're a really engaging teacher. This is by far the most intuitive explanation I've seen about Django REST APIs. Looking forward to the rest of the series!
this content is gold , i watched a lot of vids on Django and Django & React (including paid ones) and this must be one of the best i have ever seen! plz continue !
Thank you! Will do!
agreed
agreed!
agreed x1000
Totally man!!! Saved me a lot of time. Thanks a lot. You should have a lot more subs and likes for this content.
One of the first tutorials that I see mentioning testing the application... Finally! So this is really good
Wow. This is gold. 10 minutes in and I've already subscribed!
Welcome aboard! Thank you! - Just working on making this to platinum - series will resume shortly 👍
It rarely happens to find someone with great knowledge and a talent for teaching... you are one of those rare cases
This is the best tutorial on rest api I found so far. Thank you so much!
Dudeeee!!!!!! This series is exactly what I was looking for, I have just seen a part of this first video and I am absolutely happy to see how good a teacher you are. Thank you so much for sharing your knowledge. I'm sure you will get so many more thousands of subscribers soon! Keep it up!
Thank you Angelo dude 😁
This is an amazing source, I honestly looked for a lot of different videos on the same topic and nobody breaks down in this depth! Thank you!
Thanks Chris, glad you found some use out of them. I have said it many times before, but this is just the beginning of a long road to much better tutorials.
@@veryacademy Looking forward to them!
This tutorial is absolutely great!
The theory of Django DRF is explained thoroughly which I've been missing a lot in other tutorials.
Exactly what I needed!
Glad it was helpful!
I've been looking for a great playlist and here it is.
Thank you so much, best tutorial till today : 12-3-2023
Love from Bangladesh
Hey, I've just finished the theory part, and I absolutely agree with the fact that its vital to have a basic understanding of why your code works or how it works, especially for beginners. So far I love the way you explain concepts, it is just right at least for my personal way of learning. One piece of advice I would like to share with you, is to code first and ask the student to just follow along (typing, not copy pasting!) and THEN explain what each thing does and why. This is something I picked up from Zed Shaws, "Learn X language the hard way" books, and I feel there is some merit to this approach. When someone has already written the code it is easier to explain to them because they have already experienced it, and it isnt a purely theoretical cloud in their mind. Anyway, thats my 2 cents on the matter, but so far I am loving the tutorial, keep it up :D !!!
This is just beautiful! Clear, concise and in depth!
Thank you so much!
Other youtubers do confused thats why i am here and now everything is clear thanks!
I really love your videos and learn so much from them. Thank you for taking the time to make these courses. I am super appreciative of the time you took to prepare this
This guy is the BOMB!!! Thank you very much for the amazing tutorial. Well explained and detailed. This is the best one I've found on YT related to the django rest framework. It's really great that you explained basic concepts first before getting into developing. You deserve more subs. Keep up the good work and I know you will earn more and more subs in no time. Good luck and all the best!!!
👌👌
This is great! 🔥
Thank you very much for including testing as well 👍🏽
Also close to 1K mark! Very excited 🤓
😊 Thank you, nearly there! Testing is not super clean but hopefully functional and providing insight for learning. 👍
This is just beautiful! Clear, concise and in depth, good very good ...
Thank You. This is best course I have seen on Django rest framework.
Wow, thanks! 👍
This is sick. Definitely going to subscribe.
Seriously insanely great and relevant content. Thank you!
O conteúdo está sendo de bastante serventia, desta vez venho agradecer antes de começar pois sempre acabo esquecendo!
WOW. This is so amazing. Have learnt a lot and refreshed my knowledge and skills on both react and Django. Thanks so much!!!
Happy to hear that!
I just finished watching the theory and it made me subscribe to this channel. This is gold!!
Thank you!!!
Very well explained, and I'm sure it worked great at the time. The Django portion holds up perfectly still.
As for the React portion, if you're just starting out I wouldn't recommend this video anymore. React, React DOM and Material UI have all gone through substantial changes since this came out. You can figure the differences out by looking at the current documentation for all of these, but it's going to be easier to follow a different tutorial rather than changing broken things as they come up.
Great job. Best step by step tutorial ever.
Wow, thanks Partho, glad you think so! 👍
This content is just brilliant (I mean also the whole channel !) Thanks!
Glad you enjoy it!
Best content on the topic out there, thank you man! ❤
Glad you think so!
great tutorials, explanation are just awesome makes me understand the whole concept instead of how to just get it done with.
I have just watched 24 minutes and I already need part2. Please
this is exactly what I was looking for !!
Starting this course because I need DRF for my future project. Thanks for being so through with your explanations and hands-on practice.
You're very welcome!
Never understood this theory ever before watching your presentation ...thank u so much
this guy is sharing some serious knowledge out there, i stumbled upon your channel trying to figure out, asyncio , it would have taken me ages to understand that, but you made it easy peezy , awesome content brother, hopefully, you're going to keep these tuts opensource in near future as well xD...(never seen this depth in any tuts i have seen so far)
Great tutorial! It's all starting to make sense now 😅 Also, thanks for mentioning the "Consuming REST APIs..." article.
That is just music to my ears - Django can be such a big hurdle to begin with - this is partly why I focused first on Django in this channel. Once you got it - you got it - thank you 👍
Your channel is Goldmine for learners. You are truly awesome man. I'm sure, you will get millions of subscribers. Appreciate your efforts. ❤️
Thank you - bit far from 1million but that's the goal.
Hi there,
I just wanted to say this is a very good tutorial, one of the best I've watched!
I'm gonna definitely subscribe to your channel to support the amazing job you've been doing :)
Sorry - just found this one in the likely spam for some reason. Thank you - appreciate the support 👍
this the best content sir, i am a senior dev but i watch someone posting videos randomly and this is the best i have seen
Thanks Muhammad appreciate the positive comment.
amazing, thanks for making me fall in love with django
Ohh man 🔥🔥 what a Bang thank you so much ❤️
You are very welcome 👍
Been a full stack PHP developer for many years, lost the passion for code a little, but Python, Django and React look super interesting. Keep up the great work you are clear with explaining how this works.
Thanks Banks 👍
Best tutorial on DRF, this are gold,
Thank you very much from this newbie, you have helped me a lot
Glad it was helpful!
One of the best django tutorial video
Great tutorial! I was a little lost with all the Material UI stuff but that's more on me as I've only used a tiny bit of Bootstrap before. I did find one little bug that I figured I'd point out: on line 21 of App.js, you have setAppState in the list that's the second argument of the useEffect when I believe it should be appState, as this list is the states that useEffect will run again for when the state(s) update.
This is a great series - I just started and will complete ))
I love your content and the way you teach, keep it going and we will support your channel to grow
I appreciate that Jay, thanks. More content coming right up! 👍
Thanks for this great tutorial :D , it was very helpful.
Glad it was helpful!
Thank you for making this video, it's really helpful to gain knowledge on full-stack,,,,love from India 🇮🇳
Thank you for the detailed explanation!
Glad it was helpful!
i've never watched someone who has this ability to simplify these kind of technologies and concepts, i'd recommend this channel for the begineers thanks alot for this amazing series
Glad you enjoy it although very much out of date the principles are very much the same.
i agree, and i tried to practice it more + reading the documentations helped me to match the proper way to do it in the newest and its not that much of a big difference to implement the concepts@@veryacademy
Just started the playlist, loving your teaching style
Awesome, thank you!
I dont understand everything you talk about but you give me chill vibes so I dont stress about that
It would be boring if you knew everything, code can be stressful (especially when it doesn't work) - exactly, it will come together and make sense over time and the more you do it 👍
best django tutorial ever on TH-cam!
Wow, thanks!
Zander is the absolute best at teaching Django and Web Development. You all should do yourself a favor and subscribe to this man. He puts in so much hard work into these videos.
This some really robust and comprehensive code I genuinely love it
Thanks Muskan 👍
Liked your videos man, you are such a good teacher !
I love you. the tutorial was perfect ❤👌👍
Very cool! Thank You so much!
great video finally i understand thank you
Thanks very much for this. I watched this in February 2022, so some bits of React have changed by then, but after a few tweaks everything works! Great tutorial, even though I am absolutely new to React, I was able to follow until the end.
Thank you!
Especially the React Router Dom is very different now if you are using the current version!
It would be awesome if you could explain which tweaks made it work please. I'm struggling with a blank page after updated switch to routes and ReactDOM.render to createRoot.
Your channel is a gold mine!
Start mining that gold, thank you!
Dude, you are brilliant!
Really useful stuff presented clearly and quickly. Many thanks.
Glad it was helpful!
haven't even watched the video but looking at the other video contents and the playlist I can't resist subscribing
Thanks Alan 👍
The diamond content. All my doubts are covered in this video. I learned a lot
This is the best tutorial for DRF I have seen till now.
Could you please tell me what are the Extensions you are using in VSCode?
you helped me learn Django. thank you kind sir.
Excellent Tutorial. Thanks!!
Thank you!
Great, this is what i was loking for!!! Thanks a lot!!
Glad it helped!
Really good!!! Merry Christmas everyone
Happy new year! Sorry, missed this comment!!!
Better than any course!!....To the Point..... You're really cool, Thanks A lottttttt!!
You're welcome!
You are awesome!!! Thanks for teaching us!!!
Thanks Ephrem! Glad they are useful
Thanks!
Your explanations are devine🔥😍
Thank you!
This is what I was looking for!!
👍
Daaaamn, well short of words i will put on same category with corey schafer.
You take from simple to extreme can't thank You enough.you even go ahead.
You simply best @very academy thanks alot.
Thank you - I dont know corey, but I assume you highly regard him as a good provider. I cant thank you enough for spending time learning the content and wish you all the best.
Wow such excellent explanation with time stamps! 😭(Happiness)
Glad you liked it!
Thanks a lot for the tutorial!
Muy bueno video, bien resumido y completo. Muchas gracias.
Muchas gracias
Very good content, in perfect English. Very good
really great content. thank you!
gorgeous content you give to me is very easy to understand🥰🥰🥰😍😍😍
This is incredible. I've learned so much. I love how you patiently explain everything. You are the best. What if I want to perform a test where if a user leaves out some details during a post request, that request wont go through but will return an error. How do I go about that?
your videos deserves 100000 times more views/likes. you are surely gonna get that. your content is gold.
Appreciate that, we aim to get better 👍
@@veryacademy hopefully i'll get better too watching these.
amazing tutorials, thank you)
Glad you like them!
This content is gold. I have gone through this video entirely. At the end, I can see header footer but not the posts. Only change I had to make is replace Switch with Routes in index.js. What am I missing, please? EDIT: I downgraded react-router-dom from latest to v5 and that helped
I like how it's detailed,
outstanding content. Your explanations are top notch sir. earned a new sub!
Awesome, thank you!
never seen better explanation than this
Thank you 👍
Nice Videos !! Really need this kind of stuff to promote Django
Glad you like it! 👍
Way you explain,🙏🙏🙏🎉🔥
Awesome video. Thank you so much
Glad you liked it!
great tutorial as always ... i just wanna recommend a great extension for vscode ...it's called thunder client which is a great replacement for postman with the same UI and features for api building cause i really find it annoying switching back and forth between vscode and postman...definitely worth trying ... cheers
Thanks for the tip!
This is top tier
Thank you
Big fan of your Django videos. I started my django career with your videos. There are many videos on youtube related to react, rest framework and django, but not as precise as yours.
I have a request. If possible, can you also try to upload a video that takes care of image capture with camera and upload from mobile/tablet (ios, windows and android) (web based solution) and save it in a mobile folder.
Yay, I finally finished part 1 of this series and am moving on to part 2. I know this is out of date, but the concepts and principles remain the same. Throughout this series, I learned the importance of reading the documentation; even though this series may be outdated, it encourages you to explore the documentation to find alternatives. What's the result? It gives me confidence. ♥😊
Thank you! I am amazed more than anyone that this remains valuable.