Adding useFetch hook

Author: claughlin-r7

.gitignore

@@ -5,3 +5,4 @@
 /node_modules
 /umd
 npm-debug.log*
+.idea

README.md

@@ -1,16 +1,36 @@
 # useFetch
 
-[![Travis][build-badge]][build]
-[![npm package][npm-badge]][npm]
-[![Coveralls][coveralls-badge]][coveralls]
+A quick and easy hook for using Fetch with React.
 
-Describe useFetch here.
+## Install
 
-[build-badge]: https://img.shields.io/travis/user/repo/master.png?style=flat-square
-[build]: https://travis-ci.org/user/repo
+`npm install usefetch`
 
-[npm-badge]: https://img.shields.io/npm/v/npm-package.png?style=flat-square
-[npm]: https://www.npmjs.org/package/npm-package
+## Usage
+
+```jsx
+import useFetch from 'usefetch'
+
+const Example = () => {
+    const {
+        isLoading,
+        error,
+        data
+    } = useFetch('https://get.geojs.io/v1/ip/country.json?ip=8.8.8.8')
+
+    if (isLoading) {
+        return <p>Loading.....</p>
+    }
+
+    if (error) {
+        return <p>{JSON.stringify(error)}</p>
+    }
+
+    return (
+        <p>
+            {JSON.stringify(data)}
+        </p>
+    )
+}
+```
 
-[coveralls-badge]: https://img.shields.io/coveralls/user/repo/master.png?style=flat-square
-[coveralls]: https://coveralls.io/github/user/repo

demo/src/index.js

@@ -1,15 +1,26 @@
-import React, {Component} from 'react'
+import React from 'react'
 import {render} from 'react-dom'
 
-import Example from '../../src'
+import useFetch from '../../src'
 
-export default class Demo extends Component {
-  render() {
-    return <div>
-      <h1>useFetch Demo</h1>
-      <Example/>
-    </div>
-  }
+const Example = () => {
+    const { isLoading, error, data} = useFetch('https://get.geojs.io/v1/ip/country.json?ip=8.8.8.8')
+
+    if (isLoading) {
+        return <p>Loading.....</p>
+    }
+
+    if (error) {
+        return <p>{JSON.stringify(error)}</p>
+    }
+
+    return (
+        <div>
+            <p>
+                {JSON.stringify(data)}
+            </p>
+        </div>
+    )
 }
 
-render(<Demo/>, document.querySelector('#demo'))
+render(<Example/>, document.querySelector('#demo'))