added todo list

src/js/TodoList.jsx

@@ -1,38 +1,33 @@
 import { h, Component } from 'preact';
 
 export default class TodoList extends Component {
-
   constructor() {
     super();
-//    state = { todos: [], text: '' };
+    this.state = { todos: [], text: '' };
+    this.setText = this.setText.bind(this)
+    this.addTodo = this.addTodo.bind(this)
   }
 
   setText(e) {
-//      this.setState({ text: e.target.value });
+      this.setState({ text: e.target.value });
   };
-
   addTodo() {
-      // let { todos, text } = this.state;
-      // todos = todos.concat({ text });
-      // this.setState({ todos, text: '' });
+      let { todos, text } = this.state;
+      todos = todos.concat({ text });
+      this.setState({ todos, text: '' });
   };
-
-  render() {
-//  render({ }, { todos, text }) {
-      // return (
-      //     <form onSubmit={this.addTodo} action="javascript:">
-      //         <input value={text} onInput={this.setText} />
-      //         <button type="submit">Add</button>
-      //         <ul>
-      //             { todos.map( todo => (
-      //                 <li>{todo.text}</li>
-      //             )) }
-      //         </ul>
-      //     </form>
-      // );
-      return <div>Hello, world</div>;
+  render({ }, { todos, text }) {
+      return (
+          <form onSubmit={this.addTodo} action="javascript:">
+              <input value={text} onInput={this.setText} />
+              <button type="submit">Add</button>
+              <ul>
+                  { todos.map( todo => (
+                      <li>{todo.text}</li>
+                  )) }
+              </ul>
+          </form>
+      );
   }
-
 }
 
-

src/js/index.js

@@ -59,15 +59,11 @@ document.createTextNode = function(data) {
 
 
 import { h, render, Component } from 'preact';
-// import TodoList from './TodoList.jsx';
+import TodoList from './TodoList.jsx';
 
 
 // const TodoList = props => <div>Hiya</div>;
-class TodoList extends Component {
-  render(props, state) {
-    return <div>Hiya!</div>;
-  }
-}
+
 
 
 function begin(target) {