A simple fetch with react hooks example.

RepoListHooks.js

import React, { Fragment, useState, useEffect } from 'react';


function RepoListHooks() {

    const [repositories, setRepositories] = useState([]);

    useEffect(() => {
        async function getRepos() {
            const response = await fetch('https://api.github.com/users/brunomoreno/repos');
            const data = await response.json();

            setRepositories(data);
        }
        getRepos()
    }, []);

    return (
        <Fragment>
            <p>Founded {repositories.length} repositories.</p>
            <ul>
                {repositories.map( repo => <li key={repo.id}>{repo.full_name}</li>)}
            </ul>
        </Fragment>
    )
}

export default RepoListHooks;