Skip to content

Commit 5e0d643

Browse files
committed
Add article and fix typos in the README file
1 parent dcc7929 commit 5e0d643

File tree

1 file changed

+5
-2
lines changed

1 file changed

+5
-2
lines changed

README.md

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,8 @@ React Lazy Load Image Component
33

44
React Component to lazy load images and other components/elements. Includes a HOC to track window scroll position to improve performance.
55

6+
"[_An easy-to-use performant solution to lazy load images in React_](https://medium.com/@aljullu/an-easy-to-use-performant-solution-to-lazy-load-images-in-react-e6752071020c)"
7+
68
[![Build Status](https://travis-ci.org/Aljullu/react-lazy-load-image-component.svg?branch=master)](https://travis-ci.org/Aljullu/react-lazy-load-image-component)
79
[![Dependency Status](https://img.shields.io/david/Aljullu/react-lazy-load-image-component/master.svg)](http://david-dm.org/Aljullu/react-lazy-load-image-component)
810
[![Download counter](https://img.shields.io/npm/dt/react-lazy-load-image-component.svg)](https://www.npmjs.com/package/react-lazy-load-image-component)
@@ -21,6 +23,7 @@ React Component to lazy load images and other components/elements. Includes a HO
2123
* `beforeLoad` and `afterLoad` events.
2224
* `debounce` and `throttle` included by default and configurable.
2325

26+
2427
## Installation
2528

2629
```bash
@@ -71,7 +74,7 @@ export default MyImage;
7174

7275
### Using effects
7376

74-
`LazyLoadImage` includes several effects ready to be used, they are useful to add visual candy to your application, but are completely optional in case you don't need them or want to implement some other effect.
77+
`LazyLoadImage` includes several effects ready to be used, they are useful to add visual candy to your application, but are completely optional in case you don't need them or want to implement you own effect.
7578

7679
They rely on CSS and the corresponding CSS file must be imported:
7780

@@ -155,7 +158,7 @@ const Gallery = ({ images, scrollPosition }) => (
155158
height={image.height}
156159
// Make sure to pass down the scrollPosition,
157160
// this will be used by the component to know
158-
// if it must track the scroll position or not
161+
// whether it must track the scroll position or not
159162
scrollPosition={scrollPosition}
160163
src={image.src}
161164
width={image.width} />

0 commit comments

Comments
 (0)