How to Create a Express/Node + React Project | Node Backend + React Frontend

Hey guys, welcome back! In this video, I will be showing you how to create a project with an Express/Node backend and a React frontend. We will set up a backend API with Express that returns an array of users and in the frontend, we will fetch that backend and display the same users onto the frontend.

If you don't know what React is, React is a JavaScript library for building user interfaces. It is maintained by Facebook and Instagram. React's declarative, efficient, and flexible nature make it an ideal choice for building user interfaces.

My Programming Gear :

#Express //#Node //#React // #LearnToCode

[undertaker]

Absolute legend, explained it way faster and clearer than other tutorials. Thanks a million.

[Rashomon]

25 years a dev, here. This was just the right amount of detail. Quick, clean, and concise.
Subbed!

[fenix]

I love this simple, straight forward description to display all these kind of powerful tools' functions and how it could be.

[jasondemuro]

I have been looking for just a dead simple explanation for how to get a project like this started for a while and I just found this. Dude it’s awesome. Thanks for such a trimmed down streamlined explanation!

[eborders]

thanks so much for this - I learned about web development through a bootcamp and they were so focused on just getting us up and running that we didn't get a lot of explanation to the specifics of what express was doing and how the client was getting data from the backend. This definitely cleared things up

[agentebimene]

Wow!! Teaching what seems to be difficult to many in a very relatable and brief way such as this is not something that is common in the world. I must add that this tutorial of yours is priceless. Keep it up

[tanakachidemo]

Thank you so much for a very clear and concise video. I have been learning a lot of these tools in isolation. It's good to see how they all fit together. Great work!

[sahilchowdhury]

This is crazy clear. I literally never comment on youtube videos, but I was working on something exactly like this and this was absolutely perfect! It's like you knew what I was thinking!

[cmlra]

An absolute expert, they explained the information in a much quicker and more concise manner than other tutorials. Thank you so much.

[JusticeTalksTech]

That was great short and to the point video on how full stack looks like on a simple level. Very helpful

[thedude]

Great tutorial. I spent days trying to figure out how to connect BE and FE, and this video finally explained it clearly.

[xinwang]

for the mac users， if you have address already in use error，Apple introduced some changes for AirPlay on macOS Monterey. Now, it uses 5000 and 7000 ports. If you are using these ports in your project, you need to disable this feature.

System Preferences > Sharing > untick AirPlay Receiver

[WolfgangAmadeusMozart]

This is still relevant even after 2 years (node has had many changes and so has React) for anyone wondering :)

Thanks man

[DeadBabyFoetus]

The most concise video I've came across of connecting front-end to back-end, earned a subscriber!

[dlove]

I'm in a coding bootcamp and your explanation was simpler and easier to understand. I learned more in your 12 minute video than in the 12 videos on this subject in my bootcamp. Thanks!

[hrushikeshtawde]

Legend bhai saw a ton of tutorials for hosting my api but yours was way too clean. Thanks a ton

[bigPauliee]

could have watched an 8 hour code camp but i got exactly what i wanted to know from right here, cheers man

[tommyshaw]

Nice! I think most videos out there get bogged down and try to over explain or add content etc. This is so clean and literally all you need to get started.

[nathanpetain]

Literally fixed my lack of knowledge in 12 minutes! Thank you dude!

[bleulejour]

Legend! super simple, concise and straight to the point. It would be nice to have tutorials about MERN from you :-)