TypeScript

An intro into TypeScript

And a small project developed with my learnings
https://github.com/LucasArruda/cacher

Transcript

1. TypeScript JavaScript on Steroids
2. What is TypeScript • An open-source language that gets transpiled (transformed) to JavaScript • Superset of JavaScript and interchangeable with it (adoption is gradual) • All valid JavaScript code is TS • Adds static type definition to JS • Provides annotations and better documentation of JS code • Validates JS code automatically • Generates output that runs anywhere (because it's vanilla JS)
3. What it is not • A fix for JS issues (NaN === NaN being equal to false) • Meant to replace Javascript • Meant to be used directly (without being transpiled) • Fully independent (controlled by Microsoft) • Babel (something that adds new features and compiles to old JS) • A definitive solution (JS is evolving quickly and that might kill TS in the future)
4. Transpiling $ tsc Test.ts
5. Variables // All valid const name:string = "Joe" // Declare everything + assign value let name:string; // Declare everything let name; // Declare JS way let name = "Joe" // Declare JS way + assign (type is inferred)
6. Types
7. Types
8. Types
9. Types
10. Types - wildcard If you can't, for some reason, declare a type, use any:
11. Composing Types - Unions Not only can we infer types, but we can restrict them to a set:
12. Composing Types - Unions This also saves you from most of the issues with TS:
13. Composing Types - Generics
14. Composing Types - Generics
15. Composing Types - Generics
16. Composing Types - Generics
17. Structural Type System - a.k.a Duck Typing If it quacks like a duck… It is a duck!
18. Structural Type System - a.k.a Duck Typing
19. Structural Type System - a.k.a Duck Typing
20. Structural Type System - a.k.a Duck Typing
21. Interfaces - can be merged
22. Interfaces - can be merged
23. Interfaces - can be merged
24. Enums
25. Enums
26. Livecode - Project
27. There is so much more…
28. Questions?