Implements a NoSSR block

app/components/comments.jsx

@@ -0,0 +1,13 @@
+import React from 'react';
+
+export const Waiting = () => (
+  <div>
+    Waiting for comments ...
+  </div>
+);
+
+const Comments = () => (<div>
+  No comments yet!
+</div>);
+
+export default Comments;

app/components/post_page.jsx

@@ -1,10 +1,18 @@
 import React from 'react';
+import NoSSR from 'react-no-ssr';
+import Comments from './comments.jsx';
+import { Waiting } from './comments.jsx';
 
 const PostPage = ({post}) => (
   <div>
     <a href={FlowRouter.path('/')}>Back</a>
     <h3>{post.title}</h3>
     <p>{post.content}</p>
+    <hr />
+
+    <NoSSR onSSR={<Waiting />}>
+      <Comments />
+    </NoSSR>
   </div>
 );
 

package.json

@@ -5,7 +5,8 @@
     "react": "^0.14.6",
     "react-dom": "^0.14.6",
     "react-komposer": "^1.3.0",
-    "react-mounter": "^1.1.0"
+    "react-mounter": "^1.1.0",
+    "react-no-ssr": "^1.0.1"
   },
   "private": true
 }

style.css

@@ -27,3 +27,8 @@ h1 {
 #logout {
   margin-left: 10px;
 }
+
+hr {
+  border: 0px;
+  border-bottom: 1px solid #DDD;
+}