[WIP] Add dynamic import support

[arunoda]

With this we are adding TC39 dynamic import support to Next.js

TODO

• Add Unit tests for SameLoopPromise
• Add support for async-renderer
• Add some integration tests
• Add docs

Basically you could any module asynchronously and do anything you want.
You can use utilities like https://github.com/xtuc/async-reactor without any issues

We've also included some utilities to make your life easier.

You can also try this example app.

1. Create Dynamic Component (Also does SSR)

import dynamic from 'next/dynamic'
const DynamicComponent = dynamic(import('../components/hello'))

export default () => (
  <div>
    <Header />
    <DynamicComponent />
    <p>HOME PAGE is here!</p>
  </div>
)

2. With Custom Loading Component

import dynamic from 'next/dynamic'
const DynamicComponentWithCustomLoading = dynamic(
  import('../components/hello2'),
  {
    loading: () => (<p>...</p>)
  }
)

export default () => (
  <div>
    <Header />
    <DynamicComponentWithCustomLoading />
    <p>HOME PAGE is here!</p>
  </div>
)

3. No SSR Support

import dynamic from 'next/dynamic'
const DynamicComponentWithNoSSR = dynamic(
  import('../components/hello3'),
  { ssr: false }
)

export default () => (
  <div>
    <Header />
    <DynamicComponentWithNoSSR />
    <p>HOME PAGE is here!</p>
  </div>
)

4. With async-reactor

SSR support is not available here

import { asyncReactor } from 'async-reactor'
const DynamicComponentWithAsyncReactor = asyncReactor(async () => {
  const Hello4 = await import('../components/hello4')
  return (<Hello4 />)
})

export default () => (
  <div>
    <Header />
    <DynamicComponentWithAsyncReactor />
    <p>HOME PAGE is here!</p>
  </div>
)

[arunoda]

Implement ssr=false support.

[arunoda]

We just took this and it's available with Next.js 3.0.
Check this: https://zeit.co/blog/next3-preview