Flux - 7 - In App Navigation

Author: StephenGrider

imgur-client/src/components/header.jsx

@@ -0,0 +1,18 @@
+var React = require('react');
+var Router = require('react-router');
+var Link = Router.Link;
+
+module.exports = React.createClass({
+  render: function() {
+    return <nav className="navbar navbar-default header">
+      <div className="container-fluid">
+        <Link to="/" className="navbar-brand">
+          Imgur Browser
+        </Link>
+        <ul className="nav navbar-nav navbar-right">
+          <li><a>Topic #1</a></li>
+        </ul>
+      </div>
+    </nav>
+  }
+});

imgur-client/src/components/main.jsx

@@ -1,9 +1,10 @@
 var React = require('react');
+var Header = require('./header');
 
 module.exports = React.createClass({
   render: function() {
     return <div>
-      I'm a header.
+      <Header />
       {this.props.children}
     </div>
   }