remarkablemark / universal-react-tutorial

:notebook: How to build universal web apps with React.

Universal React Tutorial

A tutorial on building universal web applications.

The web application is built with:

• Node.js
• Express
• React
• ReactRouter
• Redux and ReactRedux

Download

$ git clone https://github.com/remarkablemark/universal-react-tutorial.git
$ cd universal-react-tutorial

Tutorials

1. Server-side rendering with React:

$ git checkout v1
$ npm install
$ npm start

2. Building a universal/isomorphic app with React:

$ git checkout v2
$ npm install
$ npm start

3. Passing props in a universal React web app:

$ git checkout v3
$ npm install
$ npm start

4. Server-side routing with react-router@3:

$ git checkout v4
$ npm install
$ npm start

5. Client-side routing with react-router@3 (Part 1):

$ git checkout v5
$ npm install
$ npm start

6. Client-side routing with react-router@3 (Part 2):

$ git checkout v6
$ npm install
$ npm start

7. Universal rendering with React and Redux:

$ git checkout v7
$ npm install
$ npm start

8. Refactor a React app from ES5 to ES6:

$ git checkout v8
$ npm install
$ npm start

License

MIT