Created the useGet hook

packages/hooks/src/index.js

@@ -4,3 +4,4 @@ export { default as useBoolean } from './useBoolean'
 export { default as useGetState } from './useGetState'
 export { default as useDebounce } from './useDebounce'
 export { default as useResize } from './useResize'
+export { default as useGet } from './useGet'

packages/hooks/src/useGet.js

@@ -0,0 +1,28 @@
+import React from 'react';
+
+/**
+ *  This hook returns the json response of a request
+ * @param {RequestInfo | URL} url - The url to fetch the json response.
+ * @param {RequestInit} options - The options given to the fetch.
+ * @returns An array with three elements. First element is the response element
+ * it returns null if either loading or error, Second element is the loading element
+ * returns true if the fetch promise has not returned anything yet, Third element
+ * is the error element it doesn't return null if the request returned an error
+ */
+export default function useGet(url, options) {
+    const [response, setResponse] = React.useState(null);
+    const [loading, setLoading] = React.useState(true);
+    const [error, setError] = React.useState(null);
+
+    React.useEffect(() => {
+        fetch(url, options)
+            .then(res => res.json())
+            .then(data => {
+                setLoading(false)
+                setResponse(data)
+            })
+            .catch(err => setError(err));
+    }, [options, url])
+
+    return [response, loading, error];
+}