Skip to content

lancetw/react-isomorphic-bundle

Folders and files

NameName
Last commit message
Last commit date

Latest commit

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 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...