Improve react Performance with React Lazy Load Image. 

Thank you very much for a quick tutorial! Its working on my end also @ 2023

For anyone getting errorrs while adding the placeholderSrc image, ommit the process.env.PUBLIC_URL + command and just define the image link. Awesome tutorial by the way. It really hepled me with the issue I'm facing. 🙏🏾

Thanks man , take love.

You really made my day and a considerable work. Keep up!!!! Can you please make a webpack or parcel configuration video????

so precise and to the point

You just earned another subscriber man

thanks for the help

thank you, earned a subscriber here. do you have any suggestions to load filebase64 images faster from mongo db because it takes a minute for images because of the length of the the string of filebase64 :(

thank you so much for this guide

Thanks bro🤠

Bro, how can i implement this lazy loading with variable heights and widths, because i am render my images with different heights and widths in my image gallery.

Bro how can i implement the lazy loding with different heights and widths as iam rendering the images with different height and different width.Please help me with this.

wow this is cool, but can I ask? how about fetching data besides the image? can we do it too?

Thanks, its a cool lib.

You are amazing nice work

This is really helpful. Thanks

When I'm using react-lazy-load-component, placeholder is not working, whatever i pass in placeholder it is not getting displayed. However placeholderSrc is working but i need to use custom placeholder. Please help

Very useful thanks!

Thanks for sharing. I'm using "react-lazyload" component. It works fine for my img when img prop without float: left. However, it does not work when my image's prop with float: left. But your demo at the beginning is fine acutally for float element......How come =[

Amazing. Wanted to know your thoughts about attribute - loading="lazy"

What about if we've put images in div's background-image using css??

Great video

Good work lad💪🏻

can we use React Lazy Load Image Component in class component

Very Useful !

Thank you man 👍👍👍

How can i do it on background image? Blur effect and lazy load?

It didn't work for firefox.. can u help🙏🏼 when we check the same thing in firefox browser, then the placeholder thing didn't work..

Thank you ❤❤

It shows an error like "images.map" is not a function

is it support react 18

Tbh I don't like installing another package to do thing x, I think I will go with intersection observer and changing data-src to src when intersecting

Where r u from bro?

amazing

Can someone please explain me how does it improve performance in react ? http requests will be saved but is there any improvements in component (containing image) loading performance?

Anh là người việt hả :P

good tutorial but this ain't working for me :/

spread operator seem useful here no?

Thanks

Nicee, so easy

good !!

wow that's it? jeez lol

I suppose you should have used "if (!images.length)" as the "images" is an array and it won't work the way you wanted