diff --git a/js/components/app.js b/js/components/app.js
index 5852a35..ad06c8e 100644
--- a/js/components/app.js
+++ b/js/components/app.js
@@ -1,8 +1,12 @@
 import React from 'react';
+import CommentsList from './CommentsList.js';
 
 class App extends React.Component {
     render() {
-        return <h1>Hello!</h1>;
+        return <section>
+            <CommentsList/>
+            <p>Oh hai</p>
+        </section>
     }
 }
 
diff --git a/js/components/commentsList.js b/js/components/commentsList.js
new file mode 100644
index 0000000..e847e20
--- /dev/null
+++ b/js/components/commentsList.js
@@ -0,0 +1,11 @@
+import React from 'react';
+
+class CommentsList extends React.Component {
+    render() {
+        return <ul>
+            <li>comments list</li>
+        </ul>
+    }
+}
+
+export default CommentsList;