ES6 module syntax

Author: aputinski

examples/src/example.jsx

@@ -1,8 +1,8 @@
-const React = require('react');
-const ReactDOM = require('react-dom');
+import React from 'react';
+import ReactDOM from 'react-dom';
 
-const NavigationController = require('../../src/navigation-controller');
-const View =require('./view');
+import NavigationController from '../../src/navigation-controller';
+import View from './view';
 
 class App extends React.Component {
   constructor(props) {

examples/src/view.jsx

@@ -1,6 +1,6 @@
-const React = require('react');
+import React from 'react';
+import NavigationController from '../../src/navigation-controller';
 
-const NavigationController = require('../../src/navigation-controller');
 const {
   Transition
 } = NavigationController;
@@ -95,4 +95,4 @@ View.defaultProps ={
   index: 1
 };
 
-module.exports = View;
+export default View;

karma.conf.js

@@ -72,10 +72,6 @@ module.exports = function(config) {
       },
       resolve: {
         extensions: ['', '.js', '.jsx']
-      },
-      externals: {
-        'react': 'React',
-        'react/addons': 'React'
       }
     },
 

package.json

@@ -33,7 +33,6 @@
     "chai": "^3.4.1",
     "karma": "^0.13.19",
     "karma-chai": "^0.1.0",
-    "karma-chrome-launcher": "^0.2.2",
     "karma-mocha": "^0.2.1",
     "karma-phantomjs-launcher": "^0.2.3",
     "karma-spec-reporter": "0.0.23",
@@ -42,6 +41,7 @@
     "mocha": "^2.3.4",
     "phantomjs": "^1.9.19",
     "react": "^0.14.6",
+    "react-addons-test-utils": "^0.14.6",
     "react-dom": "^0.14.6",
     "sinon": "^1.17.2",
     "webpack": "^1.12.11",

spec/navigation-controller.spec.jsx

@@ -1,23 +1,21 @@
-const React = require('react/addons');
-const {
+import React from 'react/addons';
+
+import {
   isCompositeComponent,
   renderIntoDocument
-} = React.addons.TestUtils;
+} from 'react-addons-test-utils';
+
+import rebound from 'rebound';
 
-const rebound = require('rebound');
+import NavigationController from '../src/navigation-controller';
+import View from '../examples/src/view';
 
-const NavigationController = require('../src/navigation-controller');
-const {
-  Transition
-} = NavigationController;
+import { getVendorPrefix } from '../src/util/dom';
 
-const {
-  getVendorPrefix
-} = require('../src/util/dom');
+const { Transition } = NavigationController;
 
 const transformPrefix = getVendorPrefix('transform');
 
-const View = require('../examples/src/view');
 class ViewA extends View { }
 class ViewB extends View { }
 class ViewC extends View { }

spec/util/array.spec.js

@@ -1,8 +1,8 @@
-const {
+import {
   dropRight,
   last,
   takeRight
-} = require('../../src/util/array');
+} from '../../src/util/array';
 
 describe('Util', () => {
   describe('Array', () => {

spec/util/dom.spec.js

@@ -1,6 +1,6 @@
-const {
+import {
   getVendorPrefix
-} = require('../../src/util/dom');
+} from '../../src/util/dom';
 
 describe('Util', () => {
   describe('DOM', () => {

spec/util/object.spec.js

@@ -1,6 +1,6 @@
-const {
+import {
   assign
-} = require('../../src/util/object');
+} from '../../src/util/object';
 
 describe('Util', () => {
   describe('Object', () => {

spec/util/string.spec.js

@@ -1,6 +1,6 @@
-const {
+import {
   capitalize
-} = require('../../src/util/string');
+} from '../../src/util/string';
 
 describe('Util', () => {
   describe('String', () => {

src/navigation-controller.jsx

@@ -1,32 +1,24 @@
-const React = require('react');
+import React from 'react';
+import rebound from 'rebound';
+import classNames from 'classnames';
+
+import { getVendorPrefix } from './util/dom';
+import { dropRight, last, takeRight } from './util/array';
+import { assign } from './util/object';
+
+import * as Transition from './util/transition';
 
-const rebound = require('rebound');
 const {
   SpringSystem,
   SpringConfig,
   OrigamiValueConverter
 } = rebound;
+
 const {
   mapValueInRange
 } = rebound.MathUtil;
 
-const {
-  getVendorPrefix
-} = require('./util/dom');
-
-const {
-  dropRight,
-  last,
-  takeRight
-} = require('./util/array');
-
-const {
-  assign
-} = require('./util/object');
-
-const Transition = require('./util/transition');
 
-const classNames = require('classnames');
 const transformPrefix = getVendorPrefix('transform');
 
 const optionTypes = {
@@ -575,4 +567,4 @@ NavigationController.defaultProps = {
 
 NavigationController.Transition = Transition;
 
-module.exports = NavigationController;
+export default NavigationController;