title: TypeScript default import vs non-default?
body: <p>I'm having a hard time understanding the <code>default</code> keyword in TypeScript. So according to the <a href="https://www.typescriptlang.org/docs/handbook/modules.html" rel="nofollow noreferrer">TypeScript Documentation</a> the <code>default</code> keyword can be placed on classes, functions, and variables. I though don't understand what the advantage with or without the <code>default</code> keyword is, when it i.e. comes to classes. When I import a non-default class, I might do something like this:</p>
  
  <pre><code>import { MyStuff } from './myStuff';
  </code></pre>
  
  <p>When I import a default class, I might do that:</p>
  
  <pre><code>import MyStuff from './myStuff';
  </code></pre>
  
  <p>But then, after the import, I make no difference between both import types, when using the imported class:</p>
  
  <pre><code>class MyClass {
    private myStuff: MyStuff[] = [];
  }
  </code></pre>
  
  <p>Could someone please explain the use of the <code>default</code> keyword using a little code example?</p>