Django + React JS - How To Integrate React Into Your Django Project

Simple Tutorial On How To Integrate React Into Your Django Project.

Get A Free Python Handbook:

If You Enjoy This Video, please subscribe to the channel

___Youtube Gear___

#Django #React

[Nikhil-Tomar]

For anyone wondering, this is a hybrid model of React and Django and most useful since we can make use of various features of Django like forms and much more using this method, another model is standalone where a React frontend is only shown to the user and API request are sent to our django(backend server) to retrieve data, this is a more modular approach but various usefull features of django mentioned above are not directly available.

[BayronPerdomo-weji]

Probably the easiest way to get these two to work hand in hand! Awesome tutorial.

[riadutta]

The best React and Django integration ❤️

[tomamore]

Great video dude! ...also, and this is coming from a place of love, we need to talk about your digital hoarding. We're all here for you. Everyone will pitch in and help you clean up that desktop but you have to commit to keeping it that way.

[TechieAmanda]

Great and simple tutorial on explaining how to set-up a project with React and Django. Exactly what I was looking for 👍

[adithyapokharel]

Thanks for the video.
But since react routes were not working so i figured out that instead of using path using re_path is better in 8:59 so it should be re_path(r"", views.index, name="index").This will ensure that any route that cannot be handled with django is handled by react application.
However if you have no routes in react this should work fine.

[navidazimi]

Thank you so much Tomi, This was really helpful. Can you build a small project with Django and react?
That would be awesome 🙏

[parralelife]

Thank you Tomi...you've taught me how to easily integrate Django and Reactjs. Many thanks once again!

[atultripathi]

Thanks. Nice work. But it is not working with react router for some reason. When I access the paths defined in react router, the django replies with not found

[zach]

Has to be the simplest setup so far I've seen

[RaushanKumar-ujew]

very helpful video to help understand how to integrate react with django

[sivar]

My output screen is blank
Any one tell me the solution

[csandreas]

Not sure how react renders that page, but I think you didn't render any static file, the image is an svg file. So in simple words unless you use {%load static %} and {$ static '' %} template tags, nothing will be served by django

[phillipcroukamp]

Thanks a ton young master keyboard warrior 👌 works perfectly

[groot]

So you are not rendering react template, just a template that is within the react app. It would not behave like a react web app (component loading) rather just like a django web app which renders html templates.

[AmitabhSuman]

Perfect Tutorial !
Thank you so much !

[RR-etzp]

bro can you do a react tutorial for beginners please? you're a brilliant teacher, just went through the python one

[ayenewyihune]

Thanks for the video. But how would it be during development?

[hroman_codes]

Thank you for this video 👍 I have one question: When I change my DIRS config to be ‘DIRS’: [os.path.join(BASE_DIR, ‘react app/build)]
Will the templates I built before I added react to my project still work and render?

[vozestoica]

When I make changes to the App.js file Django do not actualize the server