replaced old commonjs import with new es6 syntax

Author: hipertracker

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "react-es7",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "homepage": "https://github.com/hipertracker/react-es7",
   "authors": [
     "Jaroslaw Zabiello <[email protected]>"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-es7",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Example of using React + Reflux + router + ES6 with experimental ES7 syntax + Jest + Semantic-UI",
   "main": "src/index.js",
   "scripts": {

src/app/actions/LinksActions.js

@@ -1,4 +1,4 @@
-const Reflux = require('reflux');
+import * as Reflux from 'reflux';
 
 const LinksActions = Reflux.createActions([
     'loadData',

src/app/components/About.js

@@ -1,5 +1,5 @@
-const React = require('react');
-const {Segment} = require('react-semantify');
+import * as React from 'react';
+import {Segment} from 'react-semantify';
 
 const About = React.createClass({
     render() {

src/app/components/App.js

@@ -1,6 +1,6 @@
-const React = require('react');
-const ReactRouter = require('react-router');
-const {Menu, Segment} = require('react-semantify');
+import * as React from 'react';
+import * as ReactRouter from 'react-router';
+import {Menu, Segment} from 'react-semantify';
 
 const RouteHandler = ReactRouter.RouteHandler;
 const Link = ReactRouter.Link;

src/app/components/Home.js

@@ -1,6 +1,6 @@
-const React = require('react');
+import * as React from 'react';
 import UsefulLinks from './UsefulLinks';
-const {Segment} = require('react-semantify');
+import {Segment} from 'react-semantify';
 
 const Home = React.createClass({
     render() {

src/app/components/UsefulLinks.js

@@ -1,5 +1,5 @@
-const React = require('react');
-const Reflux = require('reflux');
+import * as React from 'react';
+import * as Reflux from 'reflux';
 import LinksActions from '../actions/LinksActions';
 import LinksStore from '../stores/LinksStore';
 import {m} from '../lib/tools';

src/app/lib/tools.js

@@ -1,5 +1,5 @@
-const React = require('react');
-const _ = require('lodash');
+import * as React from 'react';
+import * as _ from 'lodash';
 
 // mounting a React component to a selector id location
 export function mount(component, location, argv = {}) {

src/app/stores/LinksStore.js

@@ -1,4 +1,4 @@
-const Reflux = require('reflux');
+import * as Reflux from 'reflux';
 import LinksActions from '../actions/LinksActions';
 
 const LinksStore = Reflux.createStore({