title: reason behind the default keyword for ES6
body: <p>I am following along in a React tutorial right now that currently uses ES6. I am new to the ES6 and I have been seeing the default keyword used quite often when it comes to exporting names from modules. I have been trying to comprehend what the reasoning behind the default word is, but have not found an answer I can comprehend yet.</p>
  <p>Here is an example:</p>
  <pre class="lang-js prettyprint-override"><code>const Header = () =&gt; {
    return (
      &lt;nav&gt;
        &lt;IndexLink to=&quot;/&quot; activeClassName=&quot;active&quot;&gt;Home&lt;/IndexLink&gt;
        {&quot; | &quot;}
        &lt;Link to=&quot;/about&quot; activeClassName=&quot;active&quot;&gt;About&lt;/Link&gt;
        {&quot; | &quot;}
        &lt;Link to =&quot;/course&quot; activeClassName=&quot;active&quot;&gt;Courses&lt;/Link&gt;
      &lt;/nav&gt;
    );
  };
  
  export default Header;
  </code></pre>
  <p>Thank you in advance and let me know if I am not clear on anything.</p>