An Incremental Approach to React with Django: React-Router - After Refactor

app.html

<!-- /templates/app/app.html -->
<!-- replaces /templates/app/a.html and templates/app/b.html -->
<div id="reactComponent"></div>

app.js

/**
/static/js/app.js
we remove /static/js/app/a.js and /static/js/app/b.js, instead rendering the components in a single file
*/

const AppComponent = () => (
  <Router basename="/app">
    <div>
      <Route path="/a" component={PageAComponent}/>
      <Route path="/b" component={PageBComponent}/>
    </div>
  </Router>
)

ReactDOM.render(
  <AppComponent/>,
  document.getElementById('reactComponent')
)

urls.py

# /project/urls.py
# we remove /app/urls.py
urlpatterns = [
    url(r'^app/', TemplateView.as_view(template_name='app.html')),
]