title: Avoid entering URLs manually in the React components
body: <p>I am taking my first steps with Gatsby, and I find that I am repeating myself frequently. One example is making links, where in several places I do something like:</p>
  
  <pre><code>import {kebabCase} from "lodash";
  
  // ...
      &lt;Link to={`tags/${kebabCase(tag)}`}&gt;
        {tag}
      &lt;/Link&gt;
  </code></pre>
  
  <p>It feels wrong to create the <code>to</code> argument in several places, and when I decide to change the URL format (for example: <code>tag/...</code> instead of <code>tags/...</code>) I will have to change all occurrences.</p>
  
  <p>I know that the Django framework solves this by using "named urls". You can identify the URL by keyword, and provide arguments. It will then return the properly formatted URL. Is something like this part of Gatsby or React, or any other way to solve this?</p>
  
  <p>Naively, my code example would be:</p>
  
  <pre><code>import {urlmaker} from "urlutil"
  
  //...
      &lt;Link to={urlmaker(`tag`, { tagname: {tag} })}&gt;
        {tag}
      &lt;/Link&gt;
  </code></pre>
  
  <p>I think this is not too hard to implement myself, but I am curious for any standardized React or Gatsby way to handle this.</p>