TrendingRepo debounce

TrendingRepo

function TrendingRepo() {
  const [repos, setRepos] = React.useState([]);
  const debounceOnChange = React.useCallback(debounce(onChange, 400), []);

  function onChange(value) {
    fetch(`https://github-trending-api.now.sh/repositories?language=${value}`)
      .then(res => res.json())
      .then(res => setRepos(res));
  }

  return (
    <div className="App">
      <h1>Search Trending Repo, via Language</h1>
      <input
        className="filter-input"
        placeholder="Language: Java, JavaScript, Ruby, Python"
        onChange={e => debounceOnChange(e.target.value)}
      />
      <List trendingRepos={repos} />
    </div>
  );
}