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

Top comments (2)

Collapse
 
jacksonkasi profile image
Jackson Kasi • Edited on

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

Let's hear from your organization

Create an Organization and start sharing content with the community on DEV.