step 2-1 demo notes

step2-01/demo/src/modules/index.ts

@@ -1,4 +1,10 @@
-import { namedConst, namedFn, namedObj, namedConstBracket, namedConst as c } from './named';
+// These are named imports from a file relative to this file
+import { namedConst, namedFn, namedObj, namedConstBracket } from './named';
+
+// We can even apply an alias to the named constant
+import { namedConst as c } from './named';
+
+// These are the same instances of the named imports, but gets imported all at the same time under a single object
 import * as named from './named';
 
 // Print out the exports
@@ -14,6 +20,9 @@ console.log(named.namedFn());
 console.log(named.namedObj);
 console.log(named.namedConstBracket);
 
+// Default import can be named anything we want as the consumer
 import DefaultClass from './default';
+import Foo from './default';
 
 console.log(new DefaultClass().hello);
+console.log(new Foo().hello);

step2-01/demo/src/modules/named.ts

@@ -9,4 +9,5 @@ export const namedObj = {
 };
 
 const namedConstBracket = 10;
+
 export { namedConstBracket };