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...
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!
Interesting stuff. Great thinking.
Thank you.
That's such a great idea. Also using progressive images would be an elegant solution.
Yes, Thank you!
So cool.
Thank you.
great stuff
Thank you.
Great post. Will definitely use in one of my projects.
I am glad, it's helpful. Thank you.
This awesome, thank you
Thank you.