This is a component that uses a Blur Hash as a placeholder, then once the network image has fully loaded, it will fade transition in the actual image.
yarn to install dependencies
yarn start to run project
react-blurhash and blurhash
Documentation: https://github.com/woltapp/react-blurhash
import { BlurHashLoader } from './components/blurhash/blurhash-loader'
<BlurHashLoader imageUrl={imageUrl} blurHash={blurHash} />