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

License npm package npm downloads Build Status Code style Dependencies DevDependencies Small size

npm install @loadable/component

See the documentation at loadable-components.com for more information about using Loadable Components!

Quicklinks to some of the most-visited pages:

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

import loadable from '@loadable/component'
const OtherComponent = loadable(() => import('./OtherComponent'))
function MyComponent() {
 return (
 <div>
 <OtherComponent />
 </div>
 )
}

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:

• Sponsor me on GitHub ❤️.

Licensed under the MIT License, Copyright © 2017-present Greg Bergé.

See LICENSE for more information.