https://github.com/kdchang/universal-react-router-redux-isomorphic-example
This is a simple Isomorphic React Router Redux App（ES6+）example writing in Universal JavaScript.
https://github.com/kdchang/universal-react-router-redux-isomorphic-example
Last synced: 3 months ago
JSON representation
This is a simple Isomorphic React Router Redux App（ES6+）example writing in Universal JavaScript.
- Host: GitHub
- URL: https://github.com/kdchang/universal-react-router-redux-isomorphic-example
- Owner: kdchang
- Created: 2016-08-04T01:36:34.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2016-08-04T02:33:53.000Z (almost 9 years ago)
- Last Synced: 2025-02-08T09:32:52.499Z (5 months ago)
- Homepage:
- Size: 4.88 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Universal React Router Redux Isomorphic Example
This is a simple Isomorphic React Router Redux App（ES6+）example writing in Universal JavaScript.
## Technology Stack
1. React / ReactDOM
2. Redux
3. React Router Redux
4. Node.js（Express）
5. ImmutableJS
6. Webpack
7. ES6+（Babel）
## Why Isomorphic ?
1. SEO Friendly（server side rendering）
2. Backend and Frontend share the same code（JavaScript、React）
3. Better page loading speed
## Getting Started
```
$ npm init
$ npm install --save react react-dom redux react-router-redux immutable express
$ npm install --save-dev webpack webpack-dev-server babel-core babel-eslint babel-loader babel-preset-es2015 babel-preset-react eslint eslint-config-airbnb eslint-loader eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-jsx-a11y eslint-plugin-react html-webpack-plugin
```
## References
1. [Universal JavaScript](https://medium.com/@mjackson/universal-javascript-4761051b7ae9#.ejv8n1ayr)
2. [Isomorphism vs Universal JavaScript](https://medium.com/@ghengeveld/isomorphism-vs-universal-javascript-4b47fb481beb#.r0t1qzbx6)
3. [Isomorphic JavaScript](http://isomorphic.net/)
4. [Why Everyone is Talking About Isomorphic / Universal JavaScript and Why it Matters](https://developer.capitalone.com/blog-post/why-everyone-is-talking-about-isomorphic-universal-javascript-and-why-it-matters/?io=true)
5. [Is “Isomorphic JavaScript” a good term?](http://www.2ality.com/2015/08/isomorphic-javascript.html)
## License
MIT