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 Node is, Node.js is a platform built on Chrome’s JavaScript runtime for easily building fast, scalable network applications. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices. If you don’t know what Express is, Express is a web framework for Node.js. It provides a robust set of features for building web applications, including routing, views, templates, and more.
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 Website:
My GitHub:
Official Express Documentation:
Official React Documentation:
#Express //#Node //#React // #LearnToCode
source
This post was automatic generated with this wp-automatic-plugin
Legend! super simple, concise and straight to the point. It would be nice to have tutorials about MERN from you 🙂
great tutorial, a new subscriber here
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
Can you make video on how passport works with react with express backend
Hi i have a question i hope you answer it, what if i deploy my project on a host ? What the proxy must be then ?
Would it be the similar process if I'm using Vite?
I have a question. As I understand you made a rest api in the backend. Would that create any problems in the deployment part. By that I mean should I deploy two apps, one for the api and one for the react app?
What will happen to the relative url for the api when deployed?
Amazing tutorial, exactly what I was looking for!
Great video Arpan !
Curious how long have you been coding, you seem to have a solid understanding of a lot coding concepts.
Thank you bro, you just set me up to finesse this project im working on.
You are the best mern stack developer
Thx for the clear explanation
vs code theme??
Thanks a lot!!!
omg that keyboard sounds so horrible
i would watch but keyboard kills me
Maan I was searching like crazy to find something like ths, this is the first guide / tutorial that actually works!
This video is exactly what i needed! Thanks, and ill be checking out more of your vids!
ty broooooo
xD
So the secrete is with this proxy config……….
I guess when build the app and go to production we should serve the client from the root directory
something like this:
app.use(express.static('client/dist'));
and all the api fetches would work correctly, or would it?
Seriously, you need to get more popular. The quality of this explanation is outstanding. Clear and concise. Also, what's the VS theme? 🙂
Finally a tutorial with hooks all other tutorials are outdated, thanks man!
Absolute legend, thank you!
Thank you. And it would be very helpful to post the final code to github.
Hi Master !
How can I deploy this in Vercel or netlify?
Hey thanks for the tutorial! I'm currently having a bit of a problem where only Loading is displayed and not any of the users. Port 9000/api has the displayed users, but for some reason it is still only fetching undefined. I attached the code for App.js in the comment below
when I want to get json data from server file I am getting 200 status, but data did not show up . I have loading …. I will go again over all process. Do you have video how to display data from database instead from server – json? Thank you .
localhost 5000 works for me, but localhost 3000 doesn;t
Perfect Explanation, this guy knows what we are looking for in a video
Overview of backend with frontend.. really helpful for beginners..Thanks🙏🙏
You deserve more subscribers
I am gonna subscribe now😌
Thanks a lot! This really helped me
Hello. Very usefull. But explain how to put data from frontend to backend? for examle send message, feedback?
Short and effect 😁
thank you
🙏
Really helpful.
Thanks buddy
when i run the npm command it says it doesnt recognized it, mabye its beacuse i am using windows and in the video its mac?
or mabye i need to install something first?
thank you very much very insteresting, but now if I want add some route connected to some component, how I can do it?