Code splitting illustrating using component splitting library, React Loadable

CodesplittingReactLoadableExample.jsx

import React from 'react'
import Loadable from 'react-loadable'
import LoadingComponent from 'scripts/components/LoadingComponent'


class ExamplePage extends React.Component {
  static Component = Loadable({
    loader: () => import(/* webpackChunkName: "ExamplePage" */ 'example'),
    loading: LoadingComponent, // Lightweight LoadingComponent to use whenever this component is first loaded
    modules: ['ExamplePage'] // Modules to load should be accessible from loader property above
  })
  render() {
    return <ExamplePage.Component {...this.props} />
  }
}

export default ExamplePage