Merge pull request #1 from wincent/no-implicit

Don't rely on transparent global access to React, Relay, ReactDOM

js/app.js

@@ -1,5 +1,10 @@
+import 'babel/polyfill';
+
 import App from './components/App';
 import AppHomeRoute from './routes/AppHomeRoute';
+import React from 'react';
+import ReactDOM from 'react-dom';
+import Relay from 'react-relay';
 
 ReactDOM.render(
   <Relay.RootContainer

js/components/App.js

@@ -1,4 +1,5 @@
-import 'babel/polyfill';
+import React from 'react';
+import Relay from 'react-relay';
 
 class App extends React.Component {
   render() {

js/routes/AppHomeRoute.js

@@ -1,3 +1,5 @@
+import Relay from 'react-relay';
+
 export default class extends Relay.Route {
   static queries = {
     viewer: () => Relay.QL`

public/index.html

@@ -11,20 +11,8 @@
       // Force `fetch` polyfill to workaround Chrome not displaying request body
       // in developer tools for the native `fetch`.
       self.fetch = null;
-      function warnRelayMissing() {
-        document.body.innerHTML = (
-          '<h2>Could not find relay.js</h2>' +
-          '<p>' +
-            'Be sure to run <code>npm run build</code> ' +
-            'in the <code>relay/</code> directory.' +
-          '</p>'
-        );
-      }
     </script>
     <script src="http://localhost:3000/webpack-dev-server.js"></script>
-    <script src="react/react.min.js"></script>
-    <script src="react/react-dom.min.js"></script>
-    <script src="relay/relay.js" onerror="warnRelayMissing()"></script>
     <script src="js/app.js"></script>
   </body>
 </html>

server.js

@@ -21,9 +21,10 @@ var compiler = webpack({
   module: {
     loaders: [
       {
-        test: /\.js$/,
+        exclude: /node_modules/,
         loader: 'babel',
-        query: {stage: 0, plugins: ['./build/babelRelayPlugin']}
+        query: {stage: 0, plugins: ['./build/babelRelayPlugin']},
+        test: /\.js$/,
       }
     ]
   },
@@ -37,14 +38,6 @@ var app = new WebpackDevServer(compiler, {
 });
 // Serve static resources
 app.use('/', express.static(path.resolve(__dirname, 'public')));
-app.use(
-  '/react',
-  express.static(path.resolve(__dirname, 'node_modules/react/dist'))
-);
-app.use(
-  '/relay',
-  express.static(path.resolve(__dirname, 'node_modules/react-relay/dist'))
-);
 app.listen(APP_PORT, () => {
   console.log(`App is now running on http://localhost:${APP_PORT}`);
 });