Simple react hook to lazily load a component
- Can be used as a very simplistic alternative to
React.Suspense
Installation
npm i -s use-lazy-component
Or
yarn add use-lazy-component
Usage
Basic usage
;
const SomeComponent = const component: Component loading error = useLazyComponent<BigComponent> import'./bigComponent'; ; return <div> !loading && <Component/> </div>
Load different component depending on result of promise
;
const SomeComponent = const component: Component loading error = useLazyComponent<BigComponent> const result = await ; if result return import'./bigComponent'; return import'./defaultComponent'; ; return <div> !loading && <Component/> </div>