Implement ssr=false support.

arunoda · arunoda · commit b5a03a38964f · 2017-04-18T22:21:31.000+05:30
diff --git a/examples/with-dynamic-import/components/hello3.js b/examples/with-dynamic-import/components/hello3.js
@@ -0,0 +1,3 @@
+export default () => (
+  <p>Hello World 3 (imported dynamiclly) </p>
+)
diff --git a/examples/with-dynamic-import/pages/index.js b/examples/with-dynamic-import/pages/index.js
@@ -10,12 +10,17 @@ const DynamicComponentWithCustomLoading = dynamic(
     loading: () => (<p>...</p>)
   }
 )
+const DynamicComponentWithNoSSR = dynamic(
+  import('../components/hello3'),
+  { ssr: false }
+)
 
 export default () => (
   <div>
     <Header />
     <DynamicComponent />
     <DynamicComponentWithCustomLoading />
+    <DynamicComponentWithNoSSR />
     <p>HOME PAGE is here!</p>
     <Counter />
   </div>
diff --git a/lib/dynamic.js b/lib/dynamic.js
@@ -6,10 +6,16 @@ export default function dynamicComponent (promise, options = {}) {
   return class Comp extends React.Component {
     constructor (...args) {
       super(...args)
+
       this.LoadingComponent = options.loading ? options.loading : () => (<p>loading...</p>)
+      this.ssr = options.ssr === false ? options.ssr : true
+
       this.state = { AsyncComponent: null }
       this.isServer = typeof window === 'undefined'
-      this.loadComponent()
+
+      if (this.ssr) {
+        this.loadComponent()
+      }
     }
 
     loadComponent () {
@@ -27,6 +33,9 @@ export default function dynamicComponent (promise, options = {}) {
 
     componentDidMount () {
       this.mounted = true
+      if (!this.ssr) {
+        this.loadComponent()
+      }
     }
 
     render () {

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+export default () => (`
	`2`	`+ <p>Hello World 3 (imported dynamiclly) </p>`
	`3`	`+)`