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

[@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-we4ji]

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

[@riadutta8085]

The best React and Django integration ❤️

[@adithyapokharel6831]

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.

[@TechieAmanda]

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

[@tomamore3]

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.

[@parralelife]

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

[@rangabharath4253]

awesome as always Tomi :-)

[@CodeWithTomi]

Thanks a lot

[@UnboxingTales69]

Need full project tutorial on this❤❤❤❤❤❤❤

[@kudrah]

Beautiful explanation. You literally just mademe a techie in one night.

[@navidazimi7816]

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

[@CodeWithTomi]

Thanks for watching. I'll look into that

[@RaushanKumar-uj2ew]

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

[@brantechsyt6130]

great tutorial!

[@CodeWithTomi]

Thanks a lot

[@hesdf5643]

Bro great tutorial bro thank you

[@Memeparable]

You deserve much more attention

[@Guerrero_de_la_Vida]

Tomi, great videos bro!!

[@CodeWithTomi]

Thanks a lot

[@ranaafaq786]

Great tutorial 😍😍

[@atultripathi9166]

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

[@csandreas1]

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

[@harshitm9888]

you are awesome brother... 👏👏👏👏

[@CodeWithTomi]

Thanks

[@AntwanOla]

Please correct me if i am wrong but when modifying the react app, wont you need to run build anytime you need to see new changes?

[@mage9271]

everything works smoothly, thanks!

[@devsp1]

This is very useful, thanks. But I want a full project at least to see how we can make the rendering of variables from django to react and display it's data correctly.

[@ayenewyihune]

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

[@sivar923]

My output screen is blank Any one tell me the solution

[@Kian-z8m]

thanks bro you just make my day

[@joshwzr1257]

very precise. Thanks so much

[@phillipcroukamp1825]

Thanks a ton young master keyboard warrior 👌 works perfectly

[@raf_narok]

really great did you post a react + django tutorial ?

[@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?

[@AmitabhSuman]

Perfect Tutorial ! Thank you so much !

[@zach7894]

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

[@francomacias8904]

Tomi Rocks!

[@CodeWithTomi]

Thanks 🙏:)

[@bilalzeaiter9720]

beautiful and simple

[@groot843]

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.

[@vozestoica8436]

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

[@codewithprinsa5030]

Same problem....have you found out solution?

[@lalaniwerake881]

wonderful, thank you!

[@RaivisPetrovskis]

Thanks, great tut 👍

[@nissioyere7822]

Très utile merci beaucoup. Le tout fonctionne

[@heylive9387]

Something have been looking for 😍 But anytime we make edit in the react app we will need to delete build and re generate again Any solution?

[@anonymous_31045]

better to use serializers, and set react app outside the the django folder, and connect them throught APIs. That will help.

[@swayamsiddhanath6268]

Hiw to reuse components of an older react app inside a new react app

[@sky7681]

Subscribed Tomi bhai🙏

[@paulpopaul]

why use both? in a dynamic project. more files more slow ¿

[@farhanayeasmin6153]

I was thinking the same, it would work great for tiny projects, but in industries we can't use this method.

[@Setssquare]

Tommi bro please upload flask from basics

[@CodeWithTomi]

I have Tutorial on flask comming up soon

[@RR-et6zp]

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

[@tejakompella5704]

If I do any change do I need to rebuild if yes how to rebuild

[@stivomoses8882]

Great job

[@maybe_ok]

thank you bro

[@STANFORDCHIHOYI]

can l have your django + react tutorial l cant see it

[@nikolacesarovic]

Hello, I tried to do the same and it works, however when app.js is changed then nothing updates, for example text is added, it is not registered as if text was added, I also tried with python manage collectstatic and it still doesn't work, how can I solve that issue? P.S Sorry my english is bad.

[@ManojChessSchool]

Did you find a fix for this issue?

[@nikolacesarovic]

@@ManojChessSchool No

[@overseek5868]

i dont think its the best way to connect react and django, u need to run build everytime u make changes on the react app xd

[@nikolacesarovic]

@@overseek5868 So how to connect to reactjs and django? xd, I'm a beginner in reactjs, django ok I know P.S Sorry my english is bad.

[@codewithprinsa5030]

​@@overseek5868i did the same but changes are not shown

[@priyeshpandey7128]

Did not return any httpresponse error

[@vigneshvangala2235]

Plz do videos to render different components with dynamic data...

[@MohamedHamdhan-t3o]

Extremely helpfull

[@amanihrd7609]

thanks a lot

[@stivomoses8882]

Can I find the source code please?

[@s1dev]

How do you host this? heroku?

[@I_hu85ghjo]

you could use any host: heroku, aws, azure, etc. Just deploy the django app as you'd do normally

[@billionairedev6081]

Thanks

[@yacinerouizi844]

thank you

[@Manikandan-wv5vu]

But I have blank screen

[@traveler_through_life]

"bild" or like "be:ld", not "bew"...

[@Matin_MakiAbadi]

I'm such an idiot!!! I kept running npm run build and copying the content of build directory to my Django project!!!!

[@roshanican504]

I am a beginner at django, When sees you do the projects, It looks like a piece of cake, but the reality is hard how can we or I as beginner be proficient in using django!?