ReactJS Tutorial For Python Backend Devs [ + Django-React Connection with Axios ]

[@BekBrace]

Due to time constraint, I couldn't develop this app further for user input and demonstrating how Axios helps to send frontend requests to the backend - I will do my best to create fullstack projects using Django and React - if you have any suggestions, just le me know in the comments | Cheers

[@ABDOABDO-vy8kv]

hi bek brace . Thank you for all this information please I need your advice for create my project . how I can contact you?

[@BekBrace]

@@ABDOABDO-vy8kv hello Abdo - thanks 🙏 my friend. You can reach me out on : [e-mail]

[@nullnull1826]

One day.. When I remember the most valuable tutorial in my life before I die, this video is the one that I will pass to my grandkids.

[@BekBrace]

Wow !! That's very kind of you my friend really touching 😊

[@kartikbtalikoti8254]

Man...!! You are just awesome..!! Keep posting the great contents like this. Love from INDIA 🇮🇳

[@BekBrace]

Thanks so much Kartik, I appreciate the support 🙏

[@redrum4486]

This is gold, I really like how you explain concepts in detail!

[@BekBrace]

wow! Thank you very much for such kind words 🙂

[@marcus7387]

I have to watch this today, thank you brother

[@gerardmunoz6075]

Excellent narration and explanation Hello from Manila, Philippines

[@BekBrace]

Hello Gerard, thank you friend!

[@mateen2428]

Very good explanation and working. Such a good demonstration. I subscribed by just watching 5 mins of connecting backend to frontend part because that is what I wanted to learn. Keep up the good work buddy ! Also your voice is very soothing.

[@BekBrace]

wow! Thank you very much for such kind words and for the sub, Mateen , I appreciate it 🙏🙂

[@mateen2428]

@@BekBrace You're welcome, Bek. I understood the backend and frontend connection in this video, but I have a sign up form created in react , how do I pass that data from react to django and store in database through axios ? Have you posted a video on that bro ?

[@BekBrace]

@@mateen2428 No I did not, yet, I am working on a tutorial for React , FastAPI and MongoDB for data persistence which will come soon; I think this will be very helpful to you as well

[@mateen2428]

@@BekBrace Thank you so much, waiting for the tutorial :)

[@vinodsagar2412]

Hi, One of the best tutorial i have seen till date. thanks a lot for such a nice and fantastic tutorial, Keep up good work. Wish some more tutorials from you. Thanks a lot

[@BekBrace]

Thank you so much for your kind words Vinod, I hope you’re enjoying 🙂

[@bradleyfallon6847]

clear concise and to the point, thanks!

[@BekBrace]

Thank you for watching 🙏

[@enricosaccheggiani3192]

Thanks a lot for this very good tutorial. All the best Regards. I have shared in my Network

[@BekBrace]

Thank you Enrico , I'm glad to hear :)

[@Diego-pr2io]

Top quality tutorial

[@BekBrace]

Thank you very much, I'm glad you liked it , Diego

[@spiderjerusalem8519]

Thank u for your work. 24:36 - thank u for that. End other explonations. Just... goood, THANK YOU

[@spiderjerusalem8519]

well, im 100% into react now. But js is.. like.. why do it need ';' EVERYWHERE whyyyy :"D even in imports, this is strange! :"DD

[@BekBrace]

I know what you mean. JS has a lot of weird features, falling back from ECMA5 even, I know some JavaScript experienced developers who complain about that as well. But it is the ONLY frontend language, all of the internet is built upon JS, so no escape from learning it 😉

[@ahmmadawshaf]

Awesome video!

[@BekBrace]

Thank you, friend 🙂

[@ahmmadawshaf]

So I'm working on this project where i need to use Matlab and present the data through react. So do you think django would be the best fit as a backend and a bridge to connect to Matlab and react?

[@saperamonti8234]

Bro can you tell me that its combination used in company project or not (django+react)=company?

[@BekBrace]

Hi Sapera 👋 I reckon yes, especially if there is a need for a fullstack developer for both technologies - cheers

[@GovindKrishna-p3p]

sir , after i run the runserver command i am redirected to a website which has only media-type and content as fields

[@BekBrace]

Why so ? And on which part ? The tutorial is big :)

[@GovindKrishna-p3p]

@@BekBrace aah it's kinda lot.. fixed it though.. Thank you for this

[@GovindKrishna-p3p]

@@BekBrace and i have a doubt i want to store the password,username and email from react frontend to this how can I do that , the authentication part??

[@BekBrace]

@@GovindKrishna-p3p no problem my friend

[@OmRon-zf9qe]

would u mind letting me know how u done it? im stuck in the same process

[@amarek5841]

Hello Bek What does corsheaders do ?

[@BekBrace]

Hey Tomasz. Corsheaders allow other sources on other domains and ports to interact with the backend server, if it won't be allowed, permission won't be granted and requests from frontend to backend won't work

[@amarek5841]

@@BekBrace thanks a lot, man, it's clear now

[@gerken9750]

Can you use the python matlab libraies to display big data aswell like this thought react?

[@BekBrace]

Hi Gerken, it’s possible to inject matlab no doubt, but can you be more specific , what do you want to achieve in this case?

[@gerken9750]

​@@BekBrace a overall example to be honest a graph of some sort just to understand the principles and how you do it but is it any different from how you inject the backend to react?

[@gerken9750]

or display the data/graph in react from the backend

[@BekBrace]

@@gerken9750 you know what, I might create a tutorial using react and Django with matplotlib just to give you a concrete example - I wanted to create a budget manager or expense tracker for some time, so it might be the occasion to do so - cheers

[@gerken9750]

@@BekBrace sounds good I be the first viewer

[@aadhilks2281]

Thank you so much man🫂

[@BekBrace]

Any time!

[@LeandroGurruchaga]

Excellent tutorial ! Thanks a lot Bek!

[@BekBrace]

Thank You 😊

[@shn8822]

Ok, but how do I allow the user to enter his name in the browser, should I write the code for the input in react or in django? Thank you

[@BekBrace]

Actually, in both. In React, for the interface for the input field, and in Django to handle that input in the backend.

[@shn8822]

@@BekBrace Thank you for your reply; could you recommend anything to me? to dive on it

[@369tsn3]

How to post form data... Please reply

[@BekBrace]

Post form data ?

[@ghizleneboukhari6761]

thnx a lot u are just amazing

[@BekBrace]

Thank you Ghizlène , that’s very kind of you

[@lutherghandi6903]

Hi thanks for the tutorial but i keep getting an error which prints "details is undefined" and the other error is "this,state.details.map is not a function"?

[@BekBrace]

Which part?

[@ahmedqassem4326]

can you make more videos on React and Django ? thanks for the awesome course

[@BekBrace]

Sure, that's why I created this tutorial as a reference for future fullstack tutorials

[@JOHNDOE-ky9wz]

Thanks man

[@nagamadhu_07]

So we don't need to write seperate html file right? Then how do we use css in react?

[@BekBrace]

Hi Naga ! No, you write your main code in App.js in general, and then you add components as you like, and this is written in JSX which allows you to write HTML in JavaScript file. You can add your styling in App.css because it's by default imported in App.js , so try to modify the background color in App.css and you will notice that your page's background has changed accordingly.

[@nagamadhu_07]

@@BekBrace thank you for ur reply.. Hoping more videos from u... ❤ Any advice for beginner developers like me who use react and django?

[@mrmaggu1]

you dont have a discord server?

[@jeanleloup2205]

What about Vuejs?

[@BekBrace]

Done ✅

[@nairsanty]

Thank you so much for this video Bek! Your explanation of the underlying logic when you do each step is so very helpful. The only part that did not work for me was the final integration scripting (53 mins to 57 mins in your video) using the class component, as I planned on only using functional components with hooks. It might be too much to ask, but if you are able to put in the equivalent functional component script in your comment response to me that would be very helpful. Thanks!

[@BekBrace]

Thank you Santosh 🙏 I’ll do my best 🙂

[@RohitPatilDada]

Can you create a website using react js, django and any nosql db ?

[@BekBrace]

I think yea

[@tomaskazutoshitaniguchi5180]

Hello from Argentina, great content! I am learning alot. Can you make a video with React+FastAPI? Thanks.

[@BekBrace]

Hello Tomas, thanks for stopping by, my friend. Sure, I wanted to make a tutorial on the FARM stack ( FastAPI React Mongodb ) for sometime, I’m currently very busy but I’ll definitely do that - thanks for the suggestion though 🙏