An Incremental Approach to React with Django: React-Router - Before Refactoring

a_and_b.html

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

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

a_and_b.js

// /static/js/app/a.js
ReactDOM.render(
    <PageAComponent/>
    document.getElementById('reactComponent')
)

// /static/js/app/b.js
ReactDOM.render(
    <PageBComponent/>
    document.getElementById('reactComponent')
)

a_and_b_urls.py

# /app/urls.py
urlpatterns = [
    url(r'^a/', TemplateView.as_view(template_name="/app/a.html")),
    url(r'^b/', TemplateView.as_view(template_name="/app/b.html")),
]

app_urls.py

# /project/urls.py
urlpatterns = [
    url(r'^app/', include('app.urls', namespace='app')),
]