How to Create a Express/Node +…



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

Creative Scroll Reveal Effect … Previous post Creative Scroll Reveal Effect …
osCommerce: Version 4:  re-bui… Next post osCommerce: Version 4: re-bui…

38 thoughts on “How to Create a Express/Node +…

  1. 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

  2. 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?

  3. 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?

  4. 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

  5. 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 .

  6. 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?

Leave a Reply

Your email address will not be published. Required fields are marked *


The reCAPTCHA verification period has expired. Please reload the page.

error: Content is protected !!