Component to that makes other components aware when they are on screen (visible)
npm i react-onscreen-component --save
import OnScreen from 'react-on-screen'
const DeferredImage = (props) =>
<OnScreen>
{({isOnscreen}) => (
<img {...props} src={isOnscreen ? props.src : props.placeholderSrc}/>
)}
</OnScreen>