Are there any plans to support hot-loaded routes?

[zspecza]

It's a given that using react-hot-loader, you can hot-reload components, but I go one extra step further and hot load route file changes as well with this setup:

/*
  main entry file
 */

// import dependencies
import React     from 'react/addons'
import Router    from 'react-router'
import routes    from './routes'

import fetchData from './utils/fetchData'
import getTitle  from './utils/getTitle'

// create client-side router
const router = Router.create({ routes, location: Router.HistoryLocation })

// if this is a hot module update, replace the routes with new state
if (module.hot) {
  module.hot.accept(
    './routes', () => router.replaceRoutes(require('./routes'))
  )
}

// run the app
router.run((Handler, state) => {
  fetchData(state.routes, state.params, (err, props) => {
    React.render(<Handler {...props} />, document)
    document.title = getTitle(state.routes, state.params, props)
  })
})

This is made possible by enabling the manual option on react-hot-loader in the Webpack config like so:

loaders: [{
  test: /\.jsx?$/,
  loaders: ['react-hot?manual', 'babel?optional[]=runtime&stage=0'],
  exclude: [nodeModulesPath]
}]

I'm often making changes to the routes.js file and would love to use this project to reduce that fetchData boilerplate code, and not supporting this kind of setup is the only thing keeping me from using this module (really great work, by the way!)

[romainberger]

Hi,
We're currently looking into react-hot-loader, I'll try your example and let you know if we find something interesting.

Thanks!