Moved side navbar to external component

src/js/components/home.js

@@ -1,15 +1,13 @@
 var React = require('react');
 
+var NavSidebar = require('./nav-sidebar');
+
 var Home = React.createClass({
   render: function () {
     return (
       <div className="container-fluid row">
         <div className="col-xs-3">
-          <ul className="nav nav-pills nav-stacked">
-            <li role="presentation" className="active"><a href="#">Settings</a></li>
-            <li role="presentation"><a href="#">Test</a></li>
-            <li role="presentation"><a href="#">About</a></li>
-          </ul>
+          <NavSideBar />
         </div>
         <div className="col-xs-9">
           <h2>Title</h2>

src/js/components/nav-sidebar.js

@@ -0,0 +1,15 @@
+var React = require('react');
+
+var NavSidebar = React.createClass({
+  render: function () {
+    return (
+      <ul className="nav nav-pills nav-stacked">
+        <li role="presentation" className="active"><a href="#">Settings</a></li>
+        <li role="presentation"><a href="#">Test</a></li>
+        <li role="presentation"><a href="#">About</a></li>
+      </ul>
+    );
+  }
+});
+
+module.exports = NavSidebar;