DEV Community

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

Posted on

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

Oldest comments (2)

Collapse
 
mavrkmose profile image
Moses Kippe

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

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...