Skip to content

lancetw/react-isomorphic-bundle

Repository files navigation

React Redux Universal (isomorphic) bundle

works badge Build Status Dependency Status devDependency Status Coverage Status Code Climate

=================

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 #
  • Google OAuth #
  • 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...