{"repo":"manuelbento19/react-lazy","free":true,"listed":false,"github":"https://github.com/manuelbento19/react-lazy","clone":"git clone https://github.com/manuelbento19/react-lazy.git","description":"A library designed to make it easier to implement Lazy Loading in React applications. It allows components to load only when they become visible on the screen, providing a way to monitor the entry of elements into the viewport.","language":"TypeScript","stars":11,"topics":["lazy-loading","nextjs","react","react-lazy","react-lazy-load"],"license":"MIT","category":"analytics","readme_excerpt":"@bentoo/react-lazy A lightweight and flexible React lazy loading library . Load components or images only when they enter the viewport , improving performance, reducing initial bundle size, and providing optional callbacks when elements become visible. --- Features - Lazy load any component or element in React. - Optional fallback content while loading. - Callback support when an element becomes visible. - Works with Next.js , React 18 , and TypeScript . - Lightweight, fully typed, and tree-shakable. --- Installation --- Usage 1. LazyComponent Lazy load any React component with a fallback: Props : Prop Type Description ---------- ----------- ----------------------------------- children ReactNode Content to display after lazy load. fallback ReactNode Content displayed while loading. --- 2. LazyImage Lazy load images with optional placeholder, blur, fade-in, and Next.js support : Props : Prop Type Description ---------------- ----------------- --------------------------------------- src string Image source alt string Image alt text width / height number Optional width/height placeholder string Low-res placeholder for blur effect blur boolean Apply blur to placeholder ImageComponent React Component Optional (pass next/image in Next.js) --- 3. Lazy with Callback Trigger a function when an element enters the viewport: --- Next.js Example Note: next/image already supports lazy loading, but LazyImage adds viewport-triggered effects and callbacks. --- Contribution We welcome contribu","default_branch":null,"files":null,"tree":[],"storefront":"/r/manuelbento19","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/manuelbento19/react-lazy/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}