Improve your web apps UX by enhancing image render with React's onLoad event and simple SCSS.
This article is cross-posted on Codebrahma and Medi...
Some comments have been hidden by the post's author - find out more
For further actions, you may consider blocking this person and/or reporting abuse
Tomasz Sterna
Interesting points to think about. Thanks!
Loading time can be reduced by caching/preloading the image - I will do another post on how to do this (Thanks for the idea).
When I started with this component my main focus was to keep it simple and beginner friendly.
So, I didn't pay much attention on "preview". With progressive encoding/loading UX would be lot better, best example here would be Medium.
I will add in later versions of the component.
Yes, this is one downside to having placeholder. But, without placeholder or progressive encoding, its a bad UX unless the network is fast enough to load images quickly.
Thanks!
Great post. Will definitely use in one of my projects.
I am glad, it's helpful. Thank you.
Interesting stuff. Great thinking.
Thank you.
So cool.
Thank you.
great stuff
Thank you.
This awesome, thank you
Thank you.
That's such a great idea. Also using progressive images would be an elegant solution.
Yes, Thank you!