Loadable Components: The Recommended Code Splitting Library for React

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

npm install @loadable/component

Docs

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

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:

• Sponsor me on GitHub ❤️.

License

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

See LICENSE for more information.

Download details:

Author: gregberge
Source: https://github.com/gregberge/loadable-components

License: MIT license

#react #javascript