diff --git a/app.coffee b/app.coffee
deleted file mode 100644
index f6f4d6780158d..0000000000000
--- a/app.coffee
+++ /dev/null
@@ -1,9 +0,0 @@
-exports.loadContext = (callback) ->
- context = require.context './pages', true
- if module.hot
- module.hot.accept(context.id, ->
- context = require.context './pages', true
- callback context
- )
-
- callback context
diff --git a/app.js b/app.js
new file mode 100644
index 0000000000000..148e5fd58a30a
--- /dev/null
+++ b/app.js
@@ -0,0 +1,11 @@
+exports.loadContext = function(callback) {
+ var context;
+ context = require.context('./pages', true);
+ if (module.hot) {
+ module.hot.accept(context.id, function() {
+ context = require.context('./pages', true);
+ return callback(context);
+ });
+ }
+ return callback(context);
+};
diff --git a/html.cjsx b/html.cjsx
deleted file mode 100644
index 3efb6c6f582af..0000000000000
--- a/html.cjsx
+++ /dev/null
@@ -1,29 +0,0 @@
-React = require 'react'
-Typography = require 'typography'
-DocumentTitle = require 'react-document-title'
-
-typography = new Typography()
-{TypographyStyle} = typography
-
-module.exports = React.createClass
- getDefaultProps: ->
- body: ""
-
- render: ->
- title = DocumentTitle.rewind()
- if @props.title then title = @props.title
-
-
-
-
-
-
- {title}
-
-
-
-
-
-
-
-
diff --git a/html.jsx b/html.jsx
new file mode 100644
index 0000000000000..5076410d71b7b
--- /dev/null
+++ b/html.jsx
@@ -0,0 +1,38 @@
+import React from 'react';
+import Typography from 'typography';
+import DocumentTitle from 'react-document-title';
+
+var TypographyStyle = new Typography().TypographyStyle;
+
+module.exports = React.createClass({
+ getDefaultProps: function() {
+ return {
+ body: ""
+ };
+ },
+
+ render: function() {
+ var title;
+ title = DocumentTitle.rewind();
+ if (this.props.title) {
+ title = this.props.title;
+ }
+
+ return (
+
+
+
+
+
+ {title}
+
+
+
+
+
+
+
+
+ );
+ }
+});
diff --git a/pages/_template.cjsx b/pages/_template.cjsx
deleted file mode 100644
index bd2663d50ac4e..0000000000000
--- a/pages/_template.cjsx
+++ /dev/null
@@ -1,23 +0,0 @@
-React = require 'react'
-Router = require 'react-router'
-{RouteHandler, Link, State} = Router
-{Container, Grid, Breakpoint, Span} = require 'react-responsive-grid'
-Typography = require 'typography'
-
-typography = Typography()
-{rhythm, fontSizeToPx} = typography
-
-module.exports = React.createClass
- mixins: [State]
- render: ->
-
-
-
-
-
diff --git a/pages/_template.jsx b/pages/_template.jsx
new file mode 100644
index 0000000000000..4ab936841200a
--- /dev/null
+++ b/pages/_template.jsx
@@ -0,0 +1,27 @@
+import React from 'react';
+import { RouteHandler, Link, State } from 'react-router';
+import { Container, Grid, Breakpoint, Span } from 'react-responsive-grid';
+import Typography from 'typography';
+
+var typography = new Typography();
+var rhythm = typography.rhythm, fontSizeToMS = typography.fontSizeToMS;
+
+module.exports = React.createClass({
+ mixins: [State],
+
+ render: function() {
+ return (
+
+
+
+
+
+ );
+ }
+});