Add basic example

ilyalesik · ilyalesik · commit ec3a36b01c65 · 2019-07-10T22:56:07.000+03:00
diff --git a/examples/basic/index.html b/examples/basic/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+    <div id="root"></div>
+    <script src="./index.js"></script>
+</body>
+</html>
diff --git a/examples/basic/index.js b/examples/basic/index.js
@@ -0,0 +1,23 @@
+import React from "react";
+import ReactDOM from "react-dom";
+import useFetch from "../../index";
+
+
+const App = () => {
+    const {isLoading, data} = useFetch(`https://swapi.co/api/people/1`);
+
+    console.log(isLoading, data);
+
+    return <div>
+        <p>isLoading: {isLoading && "true" || "false"}</p>
+        <p>Name: {data && data.name}</p>
+    </div>
+};
+
+
+if (root) {
+    ReactDOM.render(
+        <App />,
+        document.getElementById("root")
+    );
+}
diff --git a/package.json b/package.json
@@ -9,6 +9,7 @@
     "test": "jest --silent",
     "size": "size-limit",
     "lint": "eslint '**/*.{js,jsx}' --quiet",
+    "run:example:basic": "parcel ./examples/basic/index.html",
     "run:example:depends": "parcel ./examples/depends/index.html",
     "run:example:pagination": "parcel ./examples/pagination/index.html --no-cache",
     "prepublish": "npm run flow:check && npm run typescript && npm run lint && npm run size && npm run test"
