The above react component will render different elements
based on the user's connection quality:
- placeholder with alt text
- low resolution image
- high resolution image
- video player
It uses the Network Information API,
which currently is only supported in Chrome. Read more about this on my blog.