react-useLazy
a custom React hook for lazy load multiple components
Install
npm i react-uselazy -S
Usage
const lazyComponents = ;
Options
/** * useLazy Custom Hook * @param {component array} components * @param {use to divide components into chunk} chunkNumber * @param {wrap styles} styles * @param {loading component} loadingComponent */ {}
Example
{ const store: sample = props; const lazyComponents = ; return <div className=stylessample> <div className=stylespageCnt> <div className=stylespageTitle> <Breadcrumb> <BreadcrumbItem>useLazy Demo</BreadcrumbItem> </Breadcrumb> </div> <div className=stylestestDiv> </div> lazyComponents </div> </div> };