React + Django Integration Tutorial | Hello World App
HTML-код
- Опубликовано: 26 сен 2024
- Check out my Complete Django course! dub.sh/NvGboTI
Check out my React Crash course on Udemy: www.udemy.com/...
Simple React/Django integration with a hello world app.
Follow me on Twitter: / dennisivy11
LinkedIn: / dennis-ivanov
Source Code: github.com/div...
Don't forget to check out my Complete Django course! dub.sh/NvGboTI
genius that you made a very short tutorial to just show of the technical part. the other tutorials are hours long i just need to understand the basic connection
thanks
Bro Can I make a full stack website using React + Django ??And is it easy to integrate all things properly?
@@devendraingale2870 if you know react and django with this you can make everything you need to do work properly
I been done watched hours... hours!! of Django/React integration tutorials sending me around the bend installing babel and writing a hundred things in settings.py and my man has us set up in 2 min flat. Bing. Bang. Bosh. What a champ.
Dennis this is awesome thank you. Straight to the point of what was needed. I follow you. More context on react + django is always appreciated
Thanks a lot ❤❤
After wasting 2 days ..finally found your video .
If anyone facing problem on reloading url in app plz use re_path instead of just path
and place it at last in urlpatterns.
re_path(r"^.*", TemplateView.as_view(template_name = "index.html"))
I am searching this from one month. Probably the simplest way to combine django and react.
Dennis. please start new series with project from scratch react + django tutorials. happy to following your tutorials . thank you
I'm gonna release a django + react ToDo app based off this video but once I'm done with my series and a few other projects I'll probably put together a full course on this topic, or atleast some practical apps that with react + django. Thank you for your support :)
Dennis Ivy thank you so much for all your videos they are great! Will you also include how to deploy the app to Heroku? That would be an amazing addition!
@@DennisIvy iam egerrly waiting
@@DennisIvy plze pu
This is very fast and a bullet to the heart explanation of what I searched for, Thank you!
Short and to the point. Amazing! It's everything I wanted.
Your videos are very clear and "to the point". Massive respect man. Thanks a lot. Subscribed!
Sir i'm a cse student and have been Working with django from last 2 years . More pumped after seeing your Videos.
I never knew that. You made it so easy. Absolute gold and thank you for the tutorial
Took me a whole day... then I found this video. Thank you !!
Thank you so much. This was the part that was messing me up so much. I prefer tutorials that go straight to the point.
My new go-to channel. Waiting for a Django-react app with payment integration. Don't say I asked for too much. Weldone and good job.
I'm honored :) thank you for your input. I love hearing what content you guys would like to see from me.
i did that with Paypal ! easy peasy, the only issue you'll face is integrating the request body for paypal.
@@djangodo7015 the most widely used in my country (Nigeria) is paystack. I still find it difficult to integrate it with Django.
Dude I started watching your tutorials today but your my number one so far.
Hi Dennis, I'm Julián, from Colombia, South America. I like your content. This is video is short but so important. Thanks a lot for share it.
Why not you had born before! I tried hard another option and that is not good except yours. Many many thanks for share an easy tutorial.
Your very welcome :)
Hi,
Thanks for this short video but it is a great one :)
Can't wait for the next ones ...
Please upload them asap ..
BR,
I am Nyoman, from Bali, Indonesia
Hi Nyoman and Thank you :) Putting together the next React + Django video soon!
I am starting to like the way you explain in shortest time possible.
Thanks for to-do app series and this integration ! Looking forward to see real app clone using react-django (If it's paid one also I am ready blindly!). Finally I can say , I found someone to follow for many years to come. Thanks !
thank you sir this is genius
Really Thanks Dennis for that video just in 11 minutes you showed that big confusing thing....
This tutorial was a lifesaver!
How did it actually save your life ?
@@animeshsingh4290 This was 9 months ago but I imagine I was moments away from wading into the sea and disappearing forever.
but in all seriousness, I was struggling with connecting Django to React and this tutorial saved the day
quick simple and clear show on how it work. thanks
You are the best!! I was searching for the latest version videos and your channel popped up!!!! Thanks man...
Ciao bella :)
You are awesome! i was searching and searching for an easy explanation and i found this video, easy and fast integration.
congrats for your 100k subs🔥🔥🔥 i think you should make another tutorial about django and react. and make some practical app from scratch. im waiting dennis 🤘🤘
one of the best teacher i love the way you explain
Thanks Dennis this video helped me alot to integrate django with reactjs
Thankyou very much 🔥
A video on how to dockerize this application will be really helpful
In my system manifest.json file not found error is coming
I have the same problem, do you have any idea how this can be solved ?
@@TripleIsaac no still not found any solution
same problem
Same issue... Please give a solution
The guy in the vid also gets the error, but doesn't address it
This is the tutorial that i want ! Really thank you so much
Absolutely lovely! :) Thanks a lot man. Short straight to business video.
Dennis is the Best!
Thank you so much Dennis for this tutorial ! It helps me more.
Thank you for the video, just subscribed!!
Truly just love how we see almost no JS yet can do all what JS does. I just cannot stand JS. Although I do like it here and there and really like node, something about Django and flask and python make web dev so much “easier” I’m literally going to watch your Django series and then the portfolio project! Last year in my CS degree, time for some projects and a portfolio! Keep up the great work.
Maybe a clone of a web app like Facebook or twitter? 👀
This is exactly what I needed. Thank you!
thank you sir superb now i can make complete django and react app using axios
Plz make a tutorial how to deploy a django + react website on heroku
thanks so much this really helped 🥳
Thank you so much for your sweet content, I'm learning a ton :)
thanks a ton Dennis!
I don't understand why react should be even used as the view layer in MVC architecture. Isn't that an overkill regardless of the size of the project? Pls enlighten. TIA!!
What about the template engine? Do you just include the {{ variable_name }} in the react components?
Thanks Dennis !!
Excellent video
Wow dude... dunno how to thank you🤩🤩🤩🤩
great tutorial, thank you!
you are awesome Dennis
Thank you so much Dennis
thanks very clear
Thankyou sir . It was a great help
Well done!
this video is very helpful, Thank you
Very much helpful video, it would be great if you had added some Django logic to the app in the same video so that it will be more clear to us.
I really like the way to explain things, smooth.
I struggle with making db queries (filters and joins) in django, i always go to gpt to start.
Do you have any videos that can help me build and structure my queries.
(I have no problems with sql)
Thanks but please do NextAuth with Django Rest Framework for Authentication, with email and password. Also, adding OAuth (Django-based) on the same tutorial will be great. I am desperetely waiting for your response.
You're God :) I thought now that I have learned react my Django skills are a waste! Thank you soooooo much!
Bro u r just fab.... Need a big project such as blogging or e-commerce on react plus Django.... Love from India
THANKYOU BRO
Short and good video thanks ! but i have a question: in reality we should build a REST API with django for exemple and a react APP than we can fetch the api from React right ? like i don't understand the purpose of integrating React app inside django app like that, like we could simply build all the app with django at this point no ? because we don't really have a separate backend and front-end because we are running everything from Django ! i'm new so maybe i'm completely wrong but i want to understand if you can help
Thank you SIR
Thank you! It is amazing!
Thank you bro
It's a good practice to run build every time I do a change something in the React app?
Thx for the tutorial!
Please do authentication in Next Js with Django Rest Framework.
Can you please make a video on Vue + Django Integration, Thank you in advance!
should I activate virtual env before using react?
Won't it get frustrating when everytime you write a piece of code and to view you want to run build?
bro did you find better integration?
@@roar3850 why do you need this integration? :) You can use react and django simultaneously without that
Nice content bro. Keep it up.
This work fine, BUT, I have one problem. Why does React make .git file by default? So I can't upload my project to Github because it says I have subfolder named git... Even if I delete it, problem remains the same... Help?
Please bring a tutorial with react and django rest framework
Coming soon :)
wow so simple method
Great video, thank you.
If you've had any difficulty routing every other URL to react, you can use Django's `re_path` as shown below.
Make sure to put it last in the list of `urlpatterns` since Django uses the first match to determine what view to pass control to.
from django.urls import path, include, re_path
from django.views.generic import TemplateView
urlpatterns = [
...
...
re_path(r"^.*", TemplateView.as_view(template_name="index.html")),
]
thx man
Thanks for this CY. I followed the video, but why is it giving me this error:
TemplateDoesNotExist at /
index.html
Thanx a lot ..it worked ...
Good one but just leave the url empty. It works
Hi Dennis, I just want to ask if you are also planning on doing some Vue-Django content? Thanks!
Tomorrow onwards I am going to learn only Pjango
Thanks for the tutorial Denis. However, I'm getting errors when i reload pages. Anyone else getting this?
how do you then deploy the whole fullstack website onto the web?
Without npm build just like reactjs like how to update
manifest.josn and favicon are not loading. How can I solve that?
@Dennis Ivy: I was using jQuery/Javascript in Django/Flask for Server side template rendering. But since I learnt React, I deploy React (to fetch API and manage UI) and Flask/Django (only using as backend API) in seperate containers. I see people using React (like jQuery) like traditional Sever side template rendering (Not sure why they don't use Next.js for that purpose?). Please advise if I'm right and share your suggestions. It will be much appreciated and helpful. :)
Amazing
Dennis I like ur content very much.please can u make students management with django + react .. waiting for that plz
2 issues:
1) Fallback to index.html for backend for all unrecognized urls
2) Favicon not found: as far as I understand CRA index.html created dynamically so just putting
favicon.ico inside django static folder and rewrite link to it won't be enough
This was awesome
How to create multiple pages using this?
How to setup with Hot reloading? All time build react? It's some sort of crap
I think that you still could view your Frontend changes with npm start.
Bless you
Can we only use react with django in Class-based-views ?
should we create an api project too within the root?
It throws template does not exist error for me
not getting the static files when using react with vite, any suggestions: with vite its /dist/assets
is possible install styled-components for react on django?
Am looking forward djgo, react, postgresql, project
it might be the same for vue and svelt?
Now how deploy it in sth like heroku?
Thanks for making this- what if you are using AWS for hosting static files? And heroku for hosting the entire app?
Good question :) When you run "Run build" these are technically static files. Its a bit complex and I might address it in a separate video but basically you would host your react app in aws s3 buckets.
Short and to the point, very noice. Just a small doubt, how to configure the STATIC_ROOT setting for production mode?