tanbinh123 / react-redux-isomorphic-skeleton

Isomorphic apps, built using base of Express, ReactJS and Redux. This allowing to run server rendering and server request.

[Deprecated] React Redux Isomorphic Boilerplate

This repo is deprecated, move with new one, created with Next https://github.com/yussan/next-redux-skeleton

Isomorphic apps, built using Express, ReactJS and Redux. This allows to server side rendering and server requests.

About Isomorphic Javascript

Isomporphic applications can run both on clients such as web browsers and on servers. Written on top of Node.js, that focuses on real-time web applications. More https://www.sitepoint.com/isomorphic-javascript-applications/

Life Cycle

• First load (server rendering and request data)

  When the user opens a web page, ReactRouter starts to match req.url to available routes. ReactJS will render and request data on server along with rendering of ExpressJS.

• Page transition (transition and ajax)

  After first load, user most likely will move to other page with link that exist. In this event ReactRouter will handle it, and ReactJS will request data via ajax using Superagent

Getting Started

• Prerequisites

  • NodeJS
  • NPM (should be bundled with NodeJS)
  • Yarn (recommended to replace NPM,optional), all yarn commands below can be changed using npm

• Clone

  Clone this repository to your local machine.

  git clone https://github.com/yussan/react-redux-isomorphic-boilerplate
  

• Installation

  Install dependencies using yarn

  yarn install
  

• Development Scripts

  Run the server and Webpack build

  yarn start
  

• Open in browser

  Visit http://localhost:18080, or whichever port specified in your configuration file (.env).

Used By

• https://kompetisi.id Indonesian Online Competition Platform.