react-lazy-load-image-component icon indicating copy to clipboard operation
react-lazy-load-image-component copied to clipboard

Published 20 hours ago • verified publisher icon Aljullu

Roadmap

Open Aljullu opened this issue 7 years ago • 3 comments

Some ideas that might or might not be implemented in the future, but good to have in a list.

  • [x] Add a prop to load the image by default. (1aa87daba46b1a918976d56c441c5aa1b93d43bd)
  • [x] Create a generic component to lazy load anything, not only images. (49f180f674eda727facf76d1da7ec40dcc670e2a)
  • [x] Allow components to listen to scroll/resize events without needing the HOC. (9833d858a3b2e9b912c804cf9a87c996c0a99c57)
  • [x] Add debounce/throttle. (78047bd21a73cb0f861b43c535ce8402e9a739b9)
  • [x] Add some way to have a low-quality image placeholder that doesn't disappear when loading the image. Probably adding a wrapper element with background-image. (662389b5c61208951ea656e44637d790a732a0c3)
  • [x] Add optional CSS effects when loading the image. (784f610cfc4d7f40f09667f6b8de8eff7118e921)
  • [x] Use IntersectionObserver if the browser supports it. (#16 → #6)
  • [x] Make it work with overflow: scroll containers (#17 → #28).
  • [ ] Create different Webpack environments for production/development (#18).
  • [x] Hide the placeholder after the image is loaded (#19).

Aljullu avatar Feb 27 '18 20:02 Aljullu

Is the project still alive? @Aljullu

angelcustodio avatar Sep 21 '18 15:09 angelcustodio

@angelcustodio Yes, it is. But my time is limited! :slightly_smiling_face:

Since the first version of the package was released, I have been publishing minor updates with fixes every time somebody reported a bug.

But the 'big features' from this roadmap usually take more time and I can't promise any release date. I have been experimenting with IntersectionObserver in a branch (#6), but there is still work to do.

Contributions are accepted and appreciated, tho! :wink:

Aljullu avatar Sep 21 '18 18:09 Aljullu

@Aljullu Great work! I was just wondering if not lazy-loading when the image has already been requested was somehow supported? Because now when I move to a page and come back, the page scroll is not correct because the images at the top are not loaded.

Or should this be fixed with placeholders? But what if you never know how big the size is of the image because of responsiveness?

Wish you all the best in these times!

BramDecuypere avatar Mar 30 '20 18:03 BramDecuypere