Isomorphic Overflow

A simple isomorphic app that showcases the 10 "hottest" javascript questions currently on Stack Overflow.

Built with React, React-Router, Browserify, SuperAgent and Express.

Overview

This project is an example of a basic isomorphic javascript app built by combining a few commonly used libraries. It includes all the hallmark features of a typical isomorphic app such as route sharing, component sharing, data sharing, and progressive enhancement in the browser. A live api (Stack Exchange) is used to demonstrate the real world use case of interacting with an external data source.

The overall goal is to establish an isomorphic architecture that is simple, modular, and usable.

Quick Start

Clone this repo:

$ git clone git@github.com:zpnk/isomorphic-overflow.git
$ cd isomorphic-overflow

Then install the dependencies, build the browser package, and start the server:

$ npm install
$ npm run build
$ npm start

That's it! Open localhost:9765 to check it out.

Use your browser's dev tools to view network requests and play around with javascript disabled.

Roadmap

Some things that could be done/improved:

• Refactor data flow, move api calls out of the components.
• CoffeeScript version.
• ES6 + promises version.
• Move data flow to Flux using Reflux or Fluxible.
• Tests. =)