Use *.jsx files instead of *.js for files that contain jsx

This helps text editors pick up the correct syntax highlighting

Author: monicao

src/App.js src/App.jsxsrc/App.js renamed to src/App.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import App from './App';
+import App from './App.jsx';
 
 ReactDOM.render(<App />, document.getElementById('react-root'));

src/index.js src/index.jsxsrc/index.js renamed to src/index.jsx

@@ -5,7 +5,7 @@ module.exports = {
  devtool: 'eval',
  entry: [
  'webpack-dev-server/client?http://localhost:3000',
- './src/index'
+ './src/index.jsx'
  ],
  output: {
  path: path.join(__dirname, 'dist'),
@@ -14,9 +14,9 @@ module.exports = {
  },
  module: {
  loaders: [{
- test: /\.js$/,
+ test: /\.jsx?$/,
  loaders: ['babel'],
  include: path.join(__dirname, 'src')
  }]
  }
-};
+}