title: Github API returns another API endpoint to make another request
body: <p>I'm using github's API to get a list of my repos and then filtering them to display some specified projects. The issue I'm having is some of the data is another API endpoint that needs to be requested. I've never encountered this before. Am I suppose to make another fetch request after I get the first dataset back from the API? For instance I'm currently using this specific end point</p>
  
  <pre><code>https://api.github.com/user/repos
  </code></pre>
  
  <p>and here is some of the data I get back</p>
  
  <pre><code>archive_url: "https://api.github.com/repos/myUserName/test-repo/{archive_format}{/ref}"
  archived: false
  assignees_url: "https://api.github.com/repos/myUserName/test-repo/assignees{/user}"
  blobs_url: "https://api.github.com/repos/myUserName/test-repo/git/blobs{/sha}"
  branches_url: "https://api.github.com/repos/myUserName/test-repo/branches{/branch}"
  languages_url: "https://api.github.com/repos/alenart91/test-repo/languages"
  </code></pre>
  
  <p>so now if I want the languages_url data I have to make another fetch request?</p>
  
  <p>here is my current code</p>
  
  <pre><code>import ProjectCard from './ProjectCard.js'
  
  class Projects extends React.Component {
    constructor(props) {
      super(props);
      this.state = { projects: [], name: '' }
    }
  
    componentDidMount() {
  
      this.getProjects();
    }
  
    getProjects = () =&gt; {
     const token = 'private data';
     let url = 'https://api.github.com/user/repos';
  
     fetch(url , {
           mode: 'cors',
           headers: {
               'Accept': 'application/vnd.github.v3+json', 
               'Authorization': 'Bearer ' + token
           }})
           .then(res =&gt; {
             if (res.status === 200) {
               return res.json();
             } else {
               return res.statusText;
             }
           })
           .then( data =&gt; {
  
             let filteredProjects = data.filter( projectName =&gt; {
               return projectName.name == 'test-repo' || projectName.name == 'test-repo';
             })
  
             this.setState( {projects: filteredProjects });
           })
           .catch( err =&gt; {
             console.log(err);
           })
  
   }
  
    render() {
  
      const {projects} = this.state;
      return (
        &lt;React.Fragment&gt;
  
          {projects.map( projects =&gt; {
            return &lt;ProjectCard language = {projects.language} description = {projects.description} url = {projects.html_url} name = {projects.name} /&gt;
          })}
        &lt;/React.Fragment&gt;
      );
    }
  }
  
  export default Projects
  </code></pre>