Share
Embed
Slide 1
Slide 1 text
Typescript
Phil
Slide 2
Slide 2 text
Typescript is…
• Typed superset of JS
• Compile to plain JS
• Open source
https://www.typescriptlang.org/
Slide 3
Slide 3 text
No content
Slide 4
Slide 4 text
Good Parts
• Familiarity
• Compile time type check
• Interfaces
• Class-based design patterns
• Support
• Micro$oft
• Popular editors
• Community
• Angular, React, Vue
• Standard JS Interoperability
• Just JavaScript
Slide 5
Slide 5 text
Good Parts
• Readability
• Helper
• Enable Specification without any comments
• Safety
• Data handling(Especially form) + RxJS
Slide 6
Slide 6 text
API
Slide 7
Slide 7 text
Types
Slide 8
Slide 8 text
Class, extend
Slide 9
Slide 9 text
Class, Interface
Slide 10
Slide 10 text
Access modifier
Accessibiliy public protected private
In Class O O O
In Child Class O O X
Instance O X X
Slide 11
Slide 11 text
Generic
Slide 12
Slide 12 text
Iterator
Slide 13
Slide 13 text
Iterator
Slide 14
Slide 14 text
Type Inference
Slide 15
Slide 15 text
Problems
• Lack of experience
• No one used Typescript as product level
• @types problem
• If we need 3’rd party library, also need Definition files of Library
• Normally, they provide definition files. But…It's not forced
Slide 16
Slide 16 text
@types : *.d.ts
Go to Definition
Slide 17
Slide 17 text
Q & A
Buzzstore?
Slide 18
Slide 18 text
Thank you