Rewrite in es6

brice · brice · commit aa2003fb352f · 2016-02-06T17:13:25.000+01:00
diff --git a/index.html b/index.html
@@ -5,10 +5,7 @@
     <title>MontpellierJS - ToDo List!</title>
   </head>
   <body>
-
   <div id="app"></div>
-
   <script src="build/bundle.js"></script>
-
   </body>
 </html>
diff --git a/src/components/Todo.js b/src/components/Todo.js
@@ -1,14 +1,12 @@
-var React = require('react');
+import React from 'react'
 
-function Todo(props) {
+export default function Todo(props){
   return (
     <li style={{ 
       textDecoration: props.completed ? 'line-through' : 'none',
       cursor: props.completed ? 'default' : 'pointer'
     }}>
     {props.text}
     </li>
-  );
-}
-
-module.exports = Todo;
+  )
+}
diff --git a/src/components/TodoList.js b/src/components/TodoList.js
@@ -1,18 +1,15 @@
-var React = require('react');
+import React from 'react'
 
-var Todo = require('./Todo.js');
+import Todo from './Todo'
 
-function TodoList(props) {
-  var data = props.data;
+export default function TodoList(props) {
   return (
     <div className="TodoList">
       <ul>
-        {data.map(function(todo) {
+        {props.data.map(function(todo) {
           return <Todo key={todo.id} completed={todo.completed} text={todo.text} />
         })}
       </ul>
     </div>
-  );
+  )
 }
-
-module.exports = TodoList;
diff --git a/src/index.js b/src/index.js
@@ -7,4 +7,4 @@ var data = [
   {id: 2, text: "Add data", completed: 1},
 ]
 
-render((<TodoApp data={data}/>),document.getElementById('app'))
+render((<TodoApp data={data}/>), document.getElementById('app'))

Original file line number	Diff line number	Diff line change
`@@ -7,4 +7,4 @@ var data = [`
`7`	`7`	`{id: 2, text: "Add data", completed: 1},`
`8`	`8`	`]`
`9`	`9`
`10`		`-render((<TodoApp data={data}/>),document.getElementById('app'))`
	`10`	`+render((<TodoApp data={data}/>), document.getElementById('app'))`