React on the Server for Beginners: Build a Universal React and Node App

Build a Universal React and Node App with React for client and server rendering

I recently wrote a new article in collaboration with one of my favourite web development websites: the amazing Scotch.io.

The article talk about using React both on client and on the server (with Node.js) in an attempt to build a simple “Universal JavaScript” (a.k.a “Isomorphic”) application.

The application is called “Judo Heroes” (did you even noticed recently that I’m kind of fond of Judo?) and it showcases some of the best Judo athletes for their number of medals won during the Olympic Games and in other important international tournaments.

Judo Heroes main page screenshot

If you are curious you can check out the live demo or have a look at the source code on GitHub.

Then, if you want to follow the tutorial, you should definitely read the article on scotch:

React on the Server for Beginners: Build a Universal React and Node App React on the Server for Beginners: Build a Universal React and Node App Article Banner

In this article we are going to learn how to build a simple “Universal JavaScript” application (a.k.a. “Isomorphic”) using React, React Router and Express. We will also use some Webpack and Babel to leverage the latest ES2015 Syntax.

Enjoy it and feel free to leave your comments here or on the original article.

Cheers!

Sharing is caring!

If you got value from this article, please consider sharing it with your friends and colleagues.

Found a typo or something that can be improved?

In the spirit of Open Source, you can contribute to this article by submitting a PR on GitHub.