Full stack app with React and Node/Express

Pavel Ilin
The Startup
Published in
5 min readMay 22, 2020

--

As developers we always should expand the boundaries of our skill set. I used to create backend API with Ruby on Rails or Django. But what if you need to create a smaller application and you don’t need such robust frameworks?

In this blogpost I will explore how to create basic Front End React app, Node/Express API and how to connect them.

Let’s set it up. First we will create directory for our project and navigate to it:

mkdir my_cool_appcd my_cool_app

Front End

Next we should install React library:

npx create-react-app clientcd clientyarn start

I prefer to use yarn instead of the npm, but this is another story. By running yarn start you can start a React app. If everything installed successfully you should be able to open http://localhost:3000 in your browser and see the React welcome page. Congrats, your basic React app is up and running!

Back End API

--

--

Pavel Ilin
The Startup

Software Engineer, Researcher and Transhumanist.