Skip to content

Uses react-intersection-observer to render components when they appear on the screen.

License

Notifications You must be signed in to change notification settings

wcdw3/LazyRender

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Feb 27, 2023
b28bcec · Feb 27, 2023

History

17 Commits
Feb 22, 2023
Feb 22, 2023
Feb 22, 2023
Feb 27, 2023
Feb 27, 2023
Feb 27, 2023
Feb 22, 2023
Feb 22, 2023

Repository files navigation

LazyRender

Uses react-intersection-observer to render components when they appear on the screen.

Install

npm i -S react-intersection-observer @wcdw3/lazy-render

Usage

Edit @wcdw3/LazyRender Example

import LazyRender from '@wcdw3/lazy-render';

const Foo = () => {
  return (
    <LazyRender fallback={<div>Loading...</div>}>
      <div>ta-da 🎉</div>
    </LazyRender>
  );
};

About

Uses react-intersection-observer to render components when they appear on the screen.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published