React Production Starter

An example react application (master-detail feed) with isomorphic rendering, async react-router routes, async redux reducers, async data fetching, and code-splitting.

Motivation

The file size of isomorphic React apps can quickly get out of hand. Many isomorphic starter kits look awesome to begin with but yield a several megabyte javascript file for the client to download. This project aims to demonstrate some possible solutions.

Under the Hood

• Node.js
• Express
• React
• Redux
• React Router 2.0
• Aphrodite for CSS by Khan Academy
• React Helmet for meta tags by the NFL
• Redial for data fetching by @markdalgleish
• Babel 6
• Webpack with vanilla Hot Module Replacement

Inspiration

• example-react-router-server-rendering-lazy-routes by @ryanflorence
• Cake's approach to React Router server rendering w/code splitting and Redux by @rgrove
• How to dynamically load reducers for code splitting in a Redux application? by @dan_abramov

Getting started

git clone https://github.com/jaredpalmer/react-production-starter MyApp
cd MyApp
npm install
npm start

# Open localhost:5000

More docs soon. PRs welcome!