DEV Community

Cover image for How to make smooth progressive image loading in React js
Jackson Kasi
Jackson Kasi Subscriber

Posted on

5

How to make smooth progressive image loading in React js

Hello developers,  Does anyone know how to use React js to create a smooth progressive image loading precisely like the website given below?

If anyone is aware, kindly let us in on the information.
thanks :)

getplanta

getplanta

Top comments (2)

Collapse
 
jacksonkasi profile image
Jackson Kasi • Edited

hello, guys now it's done. you can get the code, and see a demo.

but one thing. I can't do this animation on loading!

live demo: progressive-image-loading.vercel.app
repo: github.com/jacksonkasi1/make-smoot...

Collapse
 
mavrkmose profile image
Moses Kippe

You can use the onLoad method with that executes a blur effect with a time interval

Cloudinary image

Zoom pan, gen fill, restore, overlay, upscale, crop, resize...

Chain advanced transformations through a set of image and video APIs while optimizing assets by 90%.

Explore