Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/remarkablemark/universal-react-tutorial
:notebook: How to build universal web apps with React.
https://github.com/remarkablemark/universal-react-tutorial
express isomorphic nodejs react react-router redux screencast tutorial universal universal-react-tutorial
Last synced: 10 days ago
JSON representation
:notebook: How to build universal web apps with React.
- Host: GitHub
- URL: https://github.com/remarkablemark/universal-react-tutorial
- Owner: remarkablemark
- License: mit
- Created: 2016-05-27T03:44:20.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-08-02T02:38:07.000Z (over 7 years ago)
- Last Synced: 2024-10-11T15:13:11.085Z (26 days ago)
- Topics: express, isomorphic, nodejs, react, react-router, redux, screencast, tutorial, universal, universal-react-tutorial
- Language: JavaScript
- Homepage: https://b.remarkabl.org/react-playlist
- Size: 32.2 KB
- Stars: 136
- Watchers: 11
- Forks: 25
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Universal React Tutorial
A tutorial on building [universal](https://b.remarkabl.org/2dItzph) web applications.
The web application is built with:
- [Node.js](https://b.remarkabl.org/1WNE4aa)
- [Express](https://b.remarkabl.org/1WhuaOl)
- [React](https://b.remarkabl.org/24739fL)
- [ReactRouter](https://b.remarkabl.org/2dhSEVJ)
- [Redux](https://b.remarkabl.org/2gU9dHt) and [ReactRedux](https://b.remarkabl.org/2gBtLbs)
## Download
```sh
$ git clone https://github.com/remarkablemark/universal-react-tutorial.git
$ cd universal-react-tutorial
```
## Tutorials
[1. Server-side rendering with React](https://b.remarkabl.org/1TIalfC):
```sh
$ git checkout v1
$ npm install
$ npm start
```
[2. Building a universal/isomorphic app with React](https://b.remarkabl.org/1XKYMqp):
```sh
$ git checkout v2
$ npm install
$ npm start
```
[3. Passing props in a universal React web app](https://b.remarkabl.org/1UfmGeA):
```sh
$ git checkout v3
$ npm install
$ npm start
```
[4. Server-side routing with react-router@3](https://b.remarkabl.org/2dCiZ06):
```sh
$ git checkout v4
$ npm install
$ npm start
```
[5. Client-side routing with react-router@3 (Part 1)](https://b.remarkabl.org/2faLHsH):
```sh
$ git checkout v5
$ npm install
$ npm start
```
[6. Client-side routing with react-router@3 (Part 2)](https://b.remarkabl.org/2fOOWn7):
```sh
$ git checkout v6
$ npm install
$ npm start
```
[7. Universal rendering with React and Redux](https://b.remarkabl.org/2hybtYR):
```sh
$ git checkout v7
$ npm install
$ npm start
```
[8. Refactor a React app from ES5 to ES6](https://b.remarkabl.org/2q5jl8M):
```sh
$ git checkout v8
$ npm install
$ npm start
```
## License
[MIT](https://github.com/remarkablemark/universal-react-tutorial/blob/master/LICENSE)