Add tutorial2-3

Matt Calthrop · Matt Calthrop · commit b0e4b3a635d0 · 2016-01-06T07:30:14.000Z
diff --git a/public/index.html b/public/index.html
@@ -14,6 +14,7 @@
   <body>
     <div id="content"></div>
     <!--<script type="text/babel" src="scripts/example.js"></script>-->
-    <script type="text/babel" src="scripts/tutorial1.js"></script>
+    <!--<script type="text/babel" src="scripts/tutorial1.js"></script>-->
+    <script type="text/babel" src="scripts/tutorial2-3.js"></script>
   </body>
 </html>
diff --git a/public/scripts/tutorial2-3.js b/public/scripts/tutorial2-3.js
@@ -0,0 +1,38 @@
+/* global React, ReactDOM */
+
+var CommentList = React.createClass({
+    render: function() {
+        return (
+            <div className="commentList">
+                Hello, world! I am a CommentList.
+            </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')
+);
