title: Github language colour based on repo language in a React App
body: <p>I am currently building a portfolio website for myself, and I have a section for all my GitHub projects, with public repos fetched automatically from the GitHub API. </p>
  
  <p>What I am interested in doing, is displaying a coloured blob next to each repository, depending on the language used in it. If for example <code>repo.language = 'javascript'</code> then I would like a yellow blob next to it (which is GitHub's colour for JavaScript). I know that GitHub uses a library called linguist, but don't know how the best implementation of it would be with my web app.</p>
  
  <p>I know the simplest way would be to use for example the language fetched for each repo as the className and specify a colour in CSS, but I am looking for a more advanced option that would not require me to manually update my CSS files every time I make a repo with a new language that I have not used before (and clutter up my CSS)</p>
  
  <p>If any of you have ever done it before or have got any ideas, drop them down below ;)</p>