Comments (3)
Thanks for reaching out to us, @monolithed. In the scenario you shared, it shouldn't be needed to lazy load the images, as they will only be loaded by the browser once the user activates the relevant tab. Does it make sense?
So, in your specific situation, we recommend not using React Lazy Load Image Component as it doesn't seem to be needed. We will go ahead and close this issue, but please feel free to reopen it if you believe the resolution is not appropriate.
from react-lazy-load-image-component.
@flyingcodestudio I disagree because it works out of the box in NextJS
from react-lazy-load-image-component.
@flyingcodestudio, This component isn't tied to any specific system, unlike NextJS, and its purpose is to handle such scenarios. By closing the ticket, you're not offering any alternatives. So, if I need a blur effect on tabs, am I expected to create my own component?
Why was NextJS able to implement this out of the box?
from react-lazy-load-image-component.
Related Issues (20)
- Image is not rendring on big screes ie: above 2500px resolution device.
- Either strPlaceholder doesn't work or I'm doing it wrong...please help.
- It renders span tag instead of image tag HOT 3
- While installing I am getting "unable to resolve dependency tree" error HOT 1
- If Img Fallback Is Error? HOT 1
- .blur and TailWind's .blur duplicate name HOT 1
- Error when test rendering component using React Test Library HOT 2
- Can't use with TypeScript
- IntersectionObserver.unobserve: Argument 1 is not an object.
- How to remove placeholder only when image fully loaded? HOT 2
- Images keep loading even image is not part of the DOM anymore (Switching pages/views)
- Use the `next/image` HOT 3
- Image shrinks when using placeHolderSrc or effect HOT 1
- Named export 'LazyLoadImage' not found. The requested module 'react-lazy-load-image-component' is a CommonJS module, which may not support all module.exports as named expo rts. HOT 13
- Issue with lazy load component, ssr
- blur effect on rounded image shows rectangle blur, the blur is in rectangle and overflows the container div
- LazyLoadComponent's placeholder is visible even when the image is in viewport.
- react-lazy-load-image-component image render a half part of image HOT 1
- Lazy loading images in a carousel
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-lazy-load-image-component.