Roadmap

[Aljullu]

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

• Add a prop to load the image by default. (1aa87da)
• Create a generic component to lazy load anything, not only images. (49f180f)
• Allow components to listen to scroll/resize events without needing the HOC. (9833d85)
• Add debounce/throttle. (78047bd)
• 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. (662389b)
• Add optional CSS effects when loading the image. (784f610)
• Use IntersectionObserver if the browser supports it. (Use IntersectionObserver #16 → Use IntersectionObserver when it's available #6)
• Make it work with overflow: scroll containers (Support overflow: scroll containers #17 → Added support container with overflow #28).
• Create different Webpack environments for production/development (Create different Webpack environments for production/development #18).
• Hide the placeholder after the image is loaded (Hide the placeholder after the image is loaded #19).

[angelcustodio]

Is the project still alive? @Aljullu

[Aljullu]

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

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! 😉

[BramDecuypere]

@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!