Firebase- section 5

Author: StephenGrider

todos/src/app.jsx

@@ -1,6 +1,7 @@
 var React = require('react');
 var ReactFire = require('reactfire');
 var Firebase = require('firebase');
+var Header = require('./header');
 var rootUrl = 'https://blistering-torch-4253.firebaseio.com/';
 
 var App = React.createClass({
@@ -9,11 +10,14 @@ var App = React.createClass({
     this.bindAsObject(new Firebase(rootUrl + 'items/'), 'items');
   },
   render: function() {
-    console.log(this.state);
-
-    return <h1>
-      Hello, React!
-    </h1>
+    return <div className="row panel panel-default">
+      <div className="col-md-8 col-md-offset-2">
+        <h2 className="text-center">
+          To-Do List
+        </h2>
+        <Header />
+      </div>
+    </div>
   }
 });
 

todos/src/header.jsx

@@ -0,0 +1,14 @@
+var React = require('react');
+
+module.exports = React.createClass({
+  render: function() {
+    return <div className="input-group">
+      <input type="text" className="form-control" />
+      <span className="input-group-btn">
+        <button className="btn btn-default" type="button">
+          Add
+        </button>
+      </span>
+    </div>
+  }
+});