DEV Community

loading...
Cover image for I've created React lazy loading component

I've created React lazy loading component

maciekgrzybek profile image Maciek Grzybek ・1 min read

React Laz-Y

Few weeks ago I've built a simple component that utilize React Lazy API and browser Intersection Observer API. In simple words, React Laz-Y allows you to lazy load your component when it appears in the browser's viewport. Thanks to that you don't have to load components that user won't see on the first render, React Laz-y will detect the scroll position for you and inject the correct code when it's actually needed.

Where and how?

You can check it on npm website or on my GitHub account
Usage should be pretty straightforward and everything is explained in the docs.

I hope you'll find this useful 🙂

Discussion (0)

pic
Editor guide