Lazyload component for deku.
npm install deku-lazy-load
import Lazyload from 'deku-lazy-load';
export default {
render: function () {
return (<Lazyload><img src='image.jpg'/></Lazyload>);
}
}
By default the children to the <Lazyload>
-component will be loaded precisely when they enter the viewport, set a offset to load the children when they're about to be shown in the viewport.
Width that the <Lazyload>
component will have before the content has loaded
Height that the <Lazyload>
component will have before the content has loaded