react-ideal-image
Languages and libraries
react ui component
SHOW HN2018
106points
59comments
#409of 2,155 in 2018
Top 19%of 2018 by points
How HN took it
DebatedReal support and real criticism
8 positive, 4 neutral or asking, 2 mixed, 13 critical, out of 27 comments about the project. Thread score -0.02.
Performance: 1 for, 7 againstIdea: 2 for, 5 againstDesign: 0 for, 1 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Useful drop-in component with lazy loading and LQIP
From 2 comments
Wow this is great. Right now I'm using a homemade <ImgWithPlaceholder src={src} /> that displays a generic gray PNG on 404 or src null. I'll definitely try your lib as a…
ggregoire on HNSeems very interesting. I'll give it a shot and try integrating it @ SaaSHub.com. Thanks for sharing and implementing it.
stanislavb on HN
Objections
Lazy loading delays images and hurts experience on slow connections
From 3 comments
You know what’s an almost ideal image component? <img>. Sure, browsers could be a little cleverer about prioritising image loading, and I wish everyone would prefer to slim their…
chrismorgan on HNI hate lazy loading. - bit offtopic: Are there any good browser extensions that stop this behaviour?
jabn76 on HNLazy loading clearly works because there are sites that manage it well. But when I hear "lazy loading" I think "Medium". The typical experience reading a medium blog is that I…
technion on HN
Browsers should handle image loading natively
From 3 comments
This is amazing, but I feel like there is something fundamentally lacking from <img> if you have to do all this bullshit just to get an image to display. Why can’t the image and…
jbob2000 on HNThat's kind of the browser's responsibility, really. The image element already covers what is required to instruct the user agent that there a) is an image resource and b) what…
TheRealPomax on HNYou know what’s an almost ideal image component? <img>. Sure, browsers could be a little cleverer about prioritising image loading, and I wish everyone would prefer to slim their…
chrismorgan on HN
Requests
Retina and styled-components support
From 1 comment
This is a great start. Some lightweight features that would make this even more ideal (for me) would be: - retina/3x support - support for styled components extend feature (if…
samhunta on HN
Optional SVG placeholders
From 1 comment
It would be cool to optionally integrate SVG placeholders, a-la: https://medium.com/@jmperezperez/using-svg-as-placeholders-more-image-loading-techniques-bed1b810ab2c (previously…
matthberg on HN
Questions
Why not just use the img element
From 1 comment
You know what’s an almost ideal image component? <img>. Sure, browsers could be a little cleverer about prioritising image loading, and I wish everyone would prefer to slim their…
chrismorgan on HN
Alternatives named
Native img element
From 1 comment
You know what’s an almost ideal image component? <img>. Sure, browsers could be a little cleverer about prioritising image loading, and I wish everyone would prefer to slim their…
chrismorgan on HN
Homemade placeholder image component
From 1 comment
Wow this is great. Right now I'm using a homemade <ImgWithPlaceholder src={src} /> that displays a generic gray PNG on 404 or src null. I'll definitely try your lib as a…
ggregoire on HN