implements useLatestRelease hook

Author: bdbch

docs/components/LatestRelease.jsx

@@ -0,0 +1,30 @@
+import React from "react";
+import { useLatestRelease } from "../../src";
+
+const LatestRelease = () => {
+  const { release, loading, error } = useLatestRelease("facebook", "react");
+
+  return (
+    <div>
+      <h1>Latest release by repo</h1>
+      {loading && <div>Loading release from Github</div>}
+      {error && <div>{error}</div>}
+      {release && (
+        <div>
+          <h4>
+            <a
+              href={release.html_url}
+              target="_blank"
+              rel="nofollow noreferrer"
+            >
+              {release.name}
+            </a>
+          </h4>
+          <div>{release.body}</div>
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default LatestRelease;

docs/example.js

@@ -4,6 +4,7 @@ import Repos from "./components/Repos";
 import User from "./components/User";
 import Branches from "./components/Branches";
 import Branch from "./components/Branch";
+import LatestRelease from "./components/LatestRelease";
 
 function App() {
   return (
@@ -16,6 +17,8 @@ function App() {
       <hr />
       <Branch />
       <hr />
+      <LatestRelease />
+      <hr />
     </div>
   );
 }

src/index.js

@@ -1,22 +1,21 @@
 import useRepos from './lib/useRepos'
 import useUser from './lib/useUser'
-import {
-  useBranches,
-} from './lib/branch/useBranches'
-import {
-  useBranch
-} from './lib/branch/useBranch'
+import useBranches from './lib/branch/useBranches'
+import useBranch from './lib/branch/useBranch'
+import useLatestRelease from './lib/repository/useLatestRelease'
 
 export {
   useRepos,
   useUser,
   useBranches,
   useBranch,
+  useLatestRelease,
 }
 
 export default {
   useRepos,
   useUser,
   useBranches,
   useBranch,
+  useLatestRelease,
 }

src/lib/branch/useBranch.js

@@ -3,7 +3,7 @@ import {
   useEffect
 } from 'react'
 
-export const useBranch = (owner, repo, branchName) => {
+export default function useBranch(owner, repo, branchName) {
   const [branch, setBranch] = useState(null)
   const [loading, setLoading] = useState(false)
   const [error, setError] = useState(null)

src/lib/branch/useBranches.js

@@ -3,7 +3,7 @@ import {
   useEffect
 } from 'react'
 
-export const useBranches = (owner, repo) => {
+export default function useBranches(owner, repo) {
   const [branches, setBranches] = useState([])
   const [loading, setLoading] = useState(false)
   const [error, setError] = useState(null)

src/lib/repository/useLatestRelease.js

@@ -0,0 +1,35 @@
+import {
+  useState,
+  useEffect
+} from 'react'
+
+export default function useLatestRelease(owner, repo) {
+  const [release, setRelease] = useState(null)
+  const [loading, setLoading] = useState(false)
+  const [error, setError] = useState(null)
+
+  useEffect(() => {
+    if (owner && owner.length > 0 && repo && repo.length > 0) {
+      setError(null)
+      setLoading(true)
+
+      fetch(`https://api.github.com/repos/${owner}/${repo}/releases/latest`)
+        .then(res => res.json())
+        .then(data => {
+          setLoading(false)
+          setRelease(data)
+        })
+        .catch(e => {
+          setLoading(false)
+          setRelease(null)
+          setError(e)
+        })
+    }
+  }, [owner, repo])
+
+  return {
+    release,
+    loading,
+    error
+  }
+}