Rename package and publish

Author: Aljullu

README.md

@@ -1,5 +1,5 @@
-React Lazy Load Image
-=====================
+React Lazy Load Image Component
+===============================
 
 React Component to lazy load images using a HOC to track window scroll position.
 
@@ -17,45 +17,47 @@ React Component to lazy load images using a HOC to track window scroll position.
 
 ## Installation
 
-1. Install react-lazy-load-image as a dependency:
+1. Install react-lazy-load-image-component as a dependency:
 ```bash
 # Yarn
-$ yarn add react-lazy-load-image
+$ yarn add react-lazy-load-image-component
 
 # NPM
-$ npm i --save react-lazy-load-image
+$ npm i --save react-lazy-load-image-component
 ```
 2. Import the LazyLoadImage component:
 ```javascript
-import { LazyLoadImage } from 'react-lazy-load-image'
+import { LazyLoadImage } from 'react-lazy-load-image-component'
 ```
 
 3. Import the trackWindowScroll HOC:
 ```javascript
-import { trackWindowScroll } from 'react-lazy-load-image'
+import { trackWindowScroll } from 'react-lazy-load-image-component'
 ```
 
 
 ## Usage
 
 ```javascript
 import React from 'react';
-import { LazyLoadImage, trackWindowScroll } from 'react-lazy-load-image';
+import { LazyLoadImage, trackWindowScroll }
+  from 'react-lazy-load-image-component';
 
 const Gallery = ({ images, scrollPosition }) => (
   <div>
     {images.map((image) =>
       <LazyLoadImage
         key={image.key}
+        alt={image.alt}
         height={image.height}
-        scrollPosition={scrollPosition} // pass the scrollPosition to the image
+        scrollPosition={scrollPosition} // pass the scrollPosition
         src={image.src} // use normal <img> attributes as props
         width={image.width} />
     )}
   </div>
 );
-// Wrap Gallery with trackWindowScroll HOC so it receives a scrollPosition prop
-// to pass down to the images
+// Wrap Gallery with trackWindowScroll HOC so it receives
+// a scrollPosition prop to pass down to the images
 export default trackWindowScroll(Gallery);
 ```
 
@@ -71,6 +73,8 @@ export default trackWindowScroll(Gallery);
 | ... |  | Any other image attribute |
 
 
-## Screenshots
+## Screenshot
 
-<a href="https://raw.githubusercontent.com/Aljullu/react-lazy-load-image/master/screenshots/example.gif"><img src="https://raw.githubusercontent.com/Aljullu/react-lazy-load-image/master/screenshots/example.gif" alt="" /></a>
+<a href="https://raw.githubusercontent.com/Aljullu/react-lazy-load-image-component/master/screenshots/example.gif"><img src="https://raw.githubusercontent.com/Aljullu/react-lazy-load-image-component/master/screenshots/example.gif" alt="" /></a>
+
+Get the [full code of this example](https://github.com/Aljullu/weather-app).

package.json

@@ -1,6 +1,6 @@
 {
-  "name": "react-lazy-load-image",
-  "version": "0.0.1",
+  "name": "react-lazy-load-image-component",
+  "version": "1.0.0",
   "description": " React Component to lazy load images using a HOC to track window scroll position. ",
   "main": "build/index.js",
   "peerDependencies": {
@@ -32,7 +32,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/Aljullu/react-lazy-load-image.git"
+    "url": "git+https://github.com/Aljullu/react-lazy-load-image-component.git"
   },
   "keywords": [
     "react",
@@ -44,7 +44,7 @@
   },
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/Aljullu/react-lazy-load-image/issues"
+    "url": "https://github.com/Aljullu/react-lazy-load-image-component/issues"
   },
-  "homepage": "https://github.com/Aljullu/react-lazy-load-image#readme"
+  "homepage": "https://github.com/Aljullu/react-lazy-load-image-component#readme"
 }