React code splitting made easy. Reduce your bundle size without stress ✂️✨.

npm install @loadable/component

Docs

See the documentation at smooth-code.com/open-source/loadable-components for more information about using Loadable Components!

Quicklinks to some of the most-visited pages:

• Getting started
• Comparison with React.lazy
• Server Side Rendering

Example

import loadable from '@loadable/component'

const OtherComponent = loadable(() => import('./OtherComponent'))

function MyComponent() {
  return (
    <div>
      <OtherComponent />
    </div>
  )
}

Supporting Loadable Components

Loadable Components is an MIT-licensed open source project. It's an independent project with ongoing development made possible thanks to the support of these awesome backers. If you'd like to join them, please consider:

• Become a backer or sponsor on OpenCollective.

Gold Sponsors

Gold Sponsors are those who have pledged $100/month and more to loadable.

License

Licensed under the MIT License, Copyright © 2017-present Smooth Code.

See LICENSE for more information.