Change and use es6 syntax

Author: brice

package.json

@@ -5,7 +5,7 @@
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "watch": "watchify -t [ babelify --presets [ react ] ] ./src/index.js -o ./build/bundle.js"
+    "watch": "watchify -t [ babelify --presets [ react es2015 ] ] ./src/index.js -o ./build/bundle.js"
   },
   "repository": {
     "type": "git",
@@ -22,12 +22,13 @@
   },
   "homepage": "https://github.com/MontpellierJS/react-intro#readme",
   "dependencies": {
-    "babel-preset-react": "^6.3.13",
-    "babelify": "^7.2.0",
     "react": "^0.14.6",
     "react-dom": "^0.14.6"
   },
   "devDependencies": {
+    "babel-preset-es2015": "^6.3.13",
+    "babel-preset-react": "^6.3.13",
+    "babelify": "^7.2.0",
     "watchify": "^3.7.0"
   }
 }

src/components/TodoApp.js

@@ -1,6 +1,6 @@
-var React = require('react');
+import React from 'react'
 
-function TodoApp(props) {
+export function TodoApp(props) {
   return (
     <div className="todoApp">
       Todo : Build The App

src/index.js

@@ -1,9 +1,5 @@
-var React = require('react');
-var ReactDOM = require('react-dom');
+import React from 'react'
+import { render } from 'react-dom'
+import TodoApp from './components/TodoApp'
 
-var TodoApp = require('./components/TodoApp.js');
-
-ReactDOM.render(
-  <TodoApp/>,
-  document.getElementById('app')
-);
+render((<TodoApp/>),document.getElementById('app'))