react-isomorphic-bundleReact Redux Universal (isomorphic) bundle
React Redux Universal (isomorphic) bundle
=================
Learning from isomorphic-flux-boilerplate but use Redux.
DEMO
Demo site (iisnode): eventtest.oursweb.net
Installation
$ npm uninstall -g babel #completely remove babel@5
$ npm install -g nodemon webpack babel-cli node-inspector
$ npm install
edit ./config/sequelize/config.json
change dialect
from "postgres" to "sqlite" if you want a simple start.
$ npm install sqlite3
DEVELOPMENT
npm run dev
(wait until the terminal shows: "webpack: bundle is now VALID".)
Press "Ctrl + h" to switch redux devtools
- open
http://127.0.0.1:3000
PRODUCTION
Build and run
-
Linux / Mac
npm start
-
Windows (Git Bash)
npm run prestart && NODE_ENV=production npm run win-start
Manual build
make build
or make clean && make fast-build
(clean up and rebuild all)
DEBUG
npm run debug
- open
http://127.0.0.1:8080/debug?ws=127.0.0.1:8080&port=5858
- open
http://127.0.0.1:3000
Features
- based on React 0.14.*
- universal(isomorphic), supported JSON Web Tokens (JWT) and Sessions (levelDB)
- change flummox to redux
- react-router@1.0.0
- register (with recaptcha)
- log in
- Facebook sign in
- Google OAuth sign in
- restful API with JSON Web Tokens
- change password
- create posts
- modify posts
- delete posts
- i18n / language switcher
- Traditional Chinese and Simplified Chinese Conversion (New Tong Wen Tang)
- files/images uploader (dropzone)
- advertisement scripts support
- Google maps with HTML5 Geolocation
- Google maps with driving directions
- post list with infinite scroll (use requestAnimationFrame)
- post list with calendar
- serverside async data-fetching (great thanks to universal-redux-boilerplate)
- simple full text Search
- image slider
- admin pages (manage posts and users)
- nearby map (PostGIS)
- RSS Feed (Atom)
- sitemap
- Google Analytics
- social network share buttons
You might be interested in...
- redux
- flummox
- react-router
- universal-redux-boilerplate
- isomorphic-flux-boilerplate
- tcomb-form
- parameter
- Semantic UI
- koa
- koa-resource-router
- koa-router
- koa-generic-session
- leveldb
- koa-level
- passport
- passport-facebook
- passport-google-oauth
- passport-jwt
- node-jsonwebtoken
- sequelize
- superagent
- webpack
- postcss
- postscribe
- babeljs
- react-hot-loader
- react-translate-component
- react-dropzone
- react-day-picker
- google-map-react
- react-list
- Css Shake
- react-paginate
- nuka-carousel
- react-google-recaptcha
- 新同文堂 for Web
- react-spinkit
- react-helmet
- react-burger-menu
- animation-frame
- react-ga
- react-share
- react-router-sitemap
评论