meowpunch / react-lazy-load

lazy load images with React and Intersection Observation API

Lazy Loading

In order to enhance user experience, optimize performance with lazy loading

• React & Typescript
• Intersection Observer API

This project doesn't include test

Get Started

Setup

• Node : v17.2.0
• npm : v8.1.4

Run

# install all the dependencies
npm install

# run app
npm start

• While running the app, you can check the image lazy loading in network.

Reference

• dummy images from picsum