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

👋 Howdy guys! Welcome to this exciting React tutorial designed specifically for Python backend developers. In this tutorial, we'll embark on an incredible journey where we'll dive deep into React, set up our development environment, and explore working with various files in a React application. 🚀

📜 Here's what we're going to cover:

👇 Timestamps:
00:00 - Getting started (Introduction)
04:01 - Important software to install
05:57 - Ways to create React App
06:44 - Create React app
10:09 - Development environment setup
13:23 - What is a component
13:41 - App Components explained
14:39 - JSX [ JavaScript XML]
15:56 - Rendering JSX
17:07 - Creating components in React
22:02 - Props
25:05 - Create counter buttons
32:14 - Connecting Backend to Frontend
39:59 - Fullstack Project
49:01 - Backend (Django Framework) Setup
49:22 - Frontend (React Framework) Setup
49:52 - Axios Setup
57:10 - End result
58:02 - Outro

🌐 Sources:

🔗 Social Media:

🎵 Special Thanks to Steam of Melodies for the awesome music in this video:

🎶 Background Music:

Don't forget to hit the like button, subscribe to the channel, and ring the notification bell to stay updated with our latest tutorials! 🛎️ Thanks for being a part of the Bek Brace community! 🙌✨

#React #Python #Fullstack #Programming #Tutorial

[nullnull]

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.

[redrum]

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

[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

[kartikbtalikoti]

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

[marcus]

I have to watch this today, thank you brother

[gerardmunoz]

Excellent narration and explanation
Hello from Manila, Philippines

[bradleyfallon]

clear concise and to the point, thanks!

[mateen]

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.

[vinodsagar]

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

[spiderjerusalem]

Thank u for your work. 24:36 - thank u for that. End other explonations. Just... goood, THANK YOU <3 I love python and i dont like js. For me its strange and uncomfortable. And wierd loking'.. But after ur explaination i feel like im into js. A bit, but its good start))

[LeandroGurruchaga]

Excellent tutorial ! Thanks a lot Bek!

[enricosaccheggiani]

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

[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!

[ahmedqassem]

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

[saperamonti]

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

[tomaskazutoshitaniguchi]

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

[gerken]

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

[nagamadhu_]

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

[GovindKrishna-pp]

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

[shn]

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