Add tutorial6-7

Author: Matt Calthrop

public/index.html

@@ -16,6 +16,7 @@
     <!--<script type="text/babel" src="scripts/example.js"></script>-->
     <!--<script type="text/babel" src="scripts/tutorial1.js"></script>-->
     <!--<script type="text/babel" src="scripts/tutorial2-3.js"></script>-->
-    <script type="text/babel" src="scripts/tutorial4-5.js"></script>
+    <!--<script type="text/babel" src="scripts/tutorial4-5.js"></script>-->
+    <script type="text/babel" src="scripts/tutorial6-7.js"></script>
   </body>
 </html>

public/scripts/tutorial6-7.js

@@ -0,0 +1,57 @@
+/* global React, ReactDOM */
+
+var Comment = React.createClass({
+    rawMarkup: function () {
+        var rawMarkup = marked(this.props.children.toString(), {sanitize: true});
+
+        return {__html: rawMarkup};
+    },
+    render: function () {
+        return (
+            <div className="comment">
+                <h2 className="commentAuthor">
+                    {this.props.author}
+                </h2>
+                <span dangerouslySetInnerHTML={this.rawMarkup()}/>
+            </div>
+        );
+    }
+});
+
+var CommentList = React.createClass({
+    render: function () {
+        return (
+            <div className="commentList">
+                <Comment author="Pete Hunt">This is one comment</Comment>
+                <Comment author="Jordan Walke">This is *another* comment</Comment>
+            </div>
+        );
+    }
+});
+
+var CommentForm = React.createClass({
+    render: function () {
+        return (
+            <div className="commentForm">
+                Hello, world! I am a CommentForm.
+            </div>
+        );
+    }
+});
+
+var CommentBox = React.createClass({
+    render: function () {
+        return (
+            <div className="commentBox">
+                <h1>Comments</h1>
+                <CommentList />
+                <CommentForm />
+            </div>
+        );
+    }
+});
+
+ReactDOM.render(
+    <CommentBox />,
+    document.getElementById('content')
+);