react-image-onload

React Image onLoad event.
This is a workaround for onLoad event not being triggered in SSR case.

Installation

$ yarn add react-image-onload

Demo

• https://react-image-onload.netlify.com/

Usage

import ImageOnLoad from 'react-image-onload';

<ImageOnLoad
  onLoad={({ width, height }: HTMLImageElement) => {}}
  src="image"
  alt="background image"
/>;

API

type Props = {
  src: string,
  onLoad: (image: HTMLImageElement) => Promise<void> | void,
};

Development

Requirements

• node >= 9.8.0
• yarn >= 1.5.1

$ yarn install --pure-lockfile
$ yarn start

Test

$ yarn run format
$ yarn run eslint
$ yarn run flow
$ yarn run test:watch
$ yarn run build

CONTRIBUTING

• ⇄ Pull requests and ★ Stars are always welcome.
• For bugs and feature requests, please create an issue.
• Pull requests must be accompanied by passing automated tests.

CHANGELOG

LICENSE

MIT: http://michaelhsu.mit-license.org