app.js

import React, { Component } from 'react'
import './ListRepos.css'
class ListRepos extends Component {
 state = {
   repos: []
 }

 componentDidMount() {
   fetch('https://api.github.com/users/udacity/repos')
     .then(results => {
       return results.json()
     })
     .then(data =>
       this.setState({
         repos: data
       })
     )
 }

 render() {
   return (
     <div>
       {this.state.repos.map(repo => (
         <div key={repo.id}>
           <div className="title">{repo.name}</div>
           <div className="sub-title">{repo.language}</div>
         </div>
       ))}
     </div>
   )
 }
}

export default ListRepos