diff --git a/step2-01/README.md b/step2-01/README.md index c18bcf3..f7f047a 100644 --- a/step2-01/README.md +++ b/step2-01/README.md @@ -1,8 +1,8 @@ # Step 2.1: Introduction to Typescript -In this exercise, we'll cover enough of the Typescript concepts to be productive with the React & Redux frameworks. +In this step, we'll cover enough of the Typescript concepts to be productive with the React & Redux frameworks. -Topics in this Exercise will include: +Topics in this step will include: - ES modules - Basic Types @@ -11,6 +11,8 @@ Topics in this Exercise will include: - Spread and Destructuring - Async / Await +Have a look at the `demo/src/` files to get a sense of what those are + # Exercise Please complete all exercises inside the `exercise/src` folder unless otherwise specified in the exercises below. First, open up [Step2-01 exercise page](http://localhost:8080/step2-01/exercise/) to see the results while you're implementing things. diff --git a/step2-01/demo/src/modules/index.ts b/step2-01/demo/src/modules/index.ts index fb47500..8113c7f 100644 --- a/step2-01/demo/src/modules/index.ts +++ b/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); diff --git a/step2-01/demo/src/modules/named.ts b/step2-01/demo/src/modules/named.ts index 3560907..fcf7810 100644 --- a/step2-01/demo/src/modules/named.ts +++ b/step2-01/demo/src/modules/named.ts @@ -9,4 +9,5 @@ export const namedObj = { }; const namedConstBracket = 10; + export { namedConstBracket };