I need React component to asynchronously load images, which will adapt based on network, which will allow a user to control, which image to load.
Read the introduction.
This module is distributed via npm which is bundled with node and
should be installed as one of your project's devDependencies
:
npm install react-ideal-image react-waypoint --save
Example for create-react-app (you need v2 for macros) based project
import React from 'react'
import lqip from 'lqip.macro'
import IdealImage from 'react-ideal-image'
import image from './images/doggo.jpg'
const lqip = lqip('./images/doggo.jpg')
const App = () => (
<IdealImage
lqip={{lqip}}
srcset={[{src: image, width: 3500}]}
alt="doggo"
width={3500}
height={2095}
/>
)
I'm not aware of any which supports all features, if you are please make a pull request and add it here!
Thanks goes to these people (emoji key):
stereobooster 💻 📖 🚇 |
---|
This project follows the all-contributors specification. Contributions of any kind welcome!
Code - MIT
Icons - Apache License 2.0