react-lazy-image-loader

Simple lazy loader for React.js

• TypeScript ready

NPM | Github | Feature request

Installation

• npm install --react-lazy-image-loader
• yarn add react-lazy-image-loader

How To Use

First import this component where you want to use it

import LazyImage from react-lazy-image-loader"

Then just renders it

<LazyImage src="./link/to/source.jpg" alt="avatar" height={30} width={30} borderRadius={4} />

Props

Prop	type	Default value
src	string	none
alt	string	none
height	number?	none
width	number?	none
borderRadius	number?	2

Example

import React from "react";
import LazyImage from 'react-lazy-image-loader';
 
 
const App = () => {
    return (
        <LazyImage src="./link/to/source.jpg" alt="avatar" height={30} width={30} borderRadius={4} />
    );
}
 
export { App };