react-static/examples/dynamic-imports/src/containers/About.js

A progressive static site generator for React

import React from 'react'
import universal from 'react-universal-component'

const Failed = () => (
  <div style={{ color: 'red' }}>
    <h1>Failed to load the heavy component!</h1>
  </div>
)

const Loading = () => (
  <div style={{ color: 'yellow' }}>
    <h1>Loading this heavy component...</h1>
  </div>
)

const MyComponent = universal(import('../components/MyComponent'), {
  loading: Loading,
  error: Failed,
})

export const preloadMyComponent = () => MyComponent.preload()
export default props => <MyComponent {...props} />