React Router Test / nwb/React/surge setup - live version: http://tasty-flavor.surge.sh/ - nwb: https://github.com/insin/nwb

app.js

import React from 'react'
import {render} from 'react-dom'
import {browserHistory, IndexRoute, IndexLink, Link, Route, Router} from 'react-router'

let activeStyle = {fontWeight: 'bold'}

let App = ({children}) => <div>
  <h1>App</h1>
  <ul>
    <li><IndexLink activeStyle={activeStyle} to="/">Home</IndexLink></li>
    <li><Link activeStyle={activeStyle} to="/someprofile">Profile</Link></li>
  </ul>
  {children}
</div>

let Home = () => <div>
  <h2>Home</h2>
</div>

let Profile = ({params}) => <div>
  <h2>Profile</h2>
  {JSON.stringify(params.username)}
</div>

render(
  <Router history={browserHistory}>
    <Route path="/" component={App}>
      <IndexRoute component={Home}/>
      <Route path=":username" component={Profile}/>
    </Route>
  </Router>,
  document.querySelector('#app')
)

nwb.config.js

var config = {}

// Create the production HTML entry point as 200.html for deployment to surge.sh
if (process.env.NODE_ENV === 'production') {
  config.webpack = {
    html: {
      filename: '200.html'
    }
  }
}

module.exports = config

package.json

{
  "dependencies": {
    "react": "15.1.0",
    "react-dom": "15.1.0",
    "react-router": "2.5.1"
  },
  "devDependencies": {
    "nwb": "0.11.0"
  },
  "scripts": {
    "build": "react build app.js",
    "deploy": "surge dist",
    "start": "react run app.js --fallback"
  }
}