react-bilde v0.1.0

react-bilde

A universal react component for displaying images. [Updated fork of React Universal Image, prepared for React 16.]

Features

• Lazy load
• Placeholder
• Progressive image loading (as on Medium.com)
• Image error fallback

Installation

npm install react-bilde --save

Usage

import React from 'react';
import ReactDOM from 'react-dom';
import Image from 'react-bilde';

const App = () => {

    return (
        <div>
            <image
                src="img-400x200.jpg"
                srcSet="img-400x200.jpg 400w, img-800x400.jpg 800w"
                placeholder="img-20x10.jpg"
                ratio={2}
                fallback="image-not-found.jpg"
                className="post-image"
            />
        </div>
    );
};

ReactDOM.render(<App />, document.body);

Props

Contributing

See the contribution guidelines before creating a pull request.

Polyfills

• If you are using npm and need to support browsers without Promise you will need a Promise polyfill.
• To support IE11 you will need to use babel-polyfill or a similar ES2015+ polyfill.