1. README file update 2. code optimization

Author: Amit Dabade

README.md

@@ -1,38 +1,50 @@
-## What is this?
+## What is useFetch?
 
-A simple react component that prints Hello, {username}!
+React hook to fetch data from network, with some additional awesome features.
 
 ## Installation:
 
 ```
-npm i @amitdabade/react-hello --save
+npm i @react-use-hooks/use-fetch --save
 ````
 
 ## Code:
 
 ```
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { Hello } from "@amitdabade/react-hello";
+import { useFetch } from "@react-use-hooks/use-fetch";
 
 function App() {
+   const { fetch, data, error, fetching, status, request, response } = useFetch({
+    url: "https://jsonplaceholder.typicode.com/todos/1"
+   });
    return (
-    <div>
-       <Hello name="Amit" />
+    <div className="App">
+      <h1>React-use-hooks : useFetch</h1>
+      <button onClick={() => fetch()}>Fetch Data</button>
+      <p>Fetching: {fetching + ""}</p>
+      <p>Status: {status}</p>
+      <p>Request Method: {request?.method}</p>
+      <p>Request URL: {request?.url}</p>
+      <p>Response code: {response?.status}</p>
+      <p>Response Text: {response?.statusText}</p>
+      <p>Data: {data && JSON.stringify(data)}</p>
+      <p>Error: {error && error.message}</p>
     </div>
-  )
+  );
 }
 
 ReactDOM.render(<App />, document.getElementById('root'));
 ```
 
 ## Demo:
 
-[Demo](https://codesandbox.io/s/react-hello-vnuw5)
+[Demo](https://codesandbox.io/s/react-use-fetch-demo-5kcix)
 
 ## Options:
 
-name : _string_ (Default: "World")
+url : _string_
 
 ## License:
 

src/components/Hello/Hello.js

@@ -2,20 +2,22 @@ import React from "react";
 import { storiesOf } from "@storybook/react";
 import "./styles.css";
 
-import { useFetch } from "./../use-fetch";
+import { useFetch } from "../use-fetch";
 
 const stories = storiesOf("Basic", module);
 
 stories.add("Basic", () => {
-  const { fetch, data, error, fetching, status, response } = useFetch({
-    url: "https://jsonplaceholder.typicode.com/users/1",
+  const { fetch, data, error, fetching, status, request, response } = useFetch({
+    url: "https://jsonplaceholder.typicode.com/todos/1",
   });
   return (
-    <div>
-      <h2>useFetch - Basics</h2>
+    <div className="App">
+      <h1>React-use-hooks : useFetch</h1>
       <button onClick={() => fetch()}>Fetch Data</button>
       <p>Fetching: {fetching + ""}</p>
       <p>Status: {status}</p>
+      <p>Request Method: {request?.method}</p>
+      <p>Request URL: {request?.url}</p>
       <p>Response code: {response?.status}</p>
       <p>Response Text: {response?.statusText}</p>
       <p>Data: {data && JSON.stringify(data)}</p>

src/components/Hello/index.js

@@ -0,0 +1,4 @@
+.App {
+    font-family: sans-serif;
+  }
+