Warum TypeScript?

Talk given at bed-con.org in Berlin 2015

Transcript

1. WARUM TYPESCRIPT? JOSHY CYRIAC @IRRWITZ FINEBRAIN.COM
2. UMFRAGE
3. ANFANG Java-Land JS-Land
4. TYPESCRIPT LÖSUNGEN FÜR 2 JS PROBLEME
5. PROBLEM EINS
6. module.exports = function extract(data, topic) { … } “article.js”
7. var article=require(‘article’); var item = require(‘item’); article.extract(data, ‘news’); item.extract(data, 12);
8. PROBLEM ZWEI
9. function extract( data, topic ) { … }
11. –from typescriptlang.org “Any browser. Any host. Any OS. Open Source.”
12. JS TS TS is a TYPED superset of JS
13. TS Files TS Compiler JS Files
14. PROBLEM EINS
15. module.exports = function extract(data, topic) { … } “article.js”
16. OPTIONAL TYPE SYSTEM
17. var answer: number = 4; var n: number[] = [1, 2, 3]; var city: string = “Berlin”; enum Color { Red, Green, Blue }; “basic.ts”
18. var answer = 4; var n = [1, 2, 3]; var city = “Berlin”; var Color; (function (Color) { … } “basic.js”
19. var foo: any; var foos: any[]; function log(msg): void { … } var fAdd: (x: number, y: number)=>number; “func.ts”
20. var foo; var foos; function log(msg) { … } var fAdd; “func.js”
21. FIND REFERENCE src/services/extractor.ts function extract(data: Article[], topic: string) src/services/storer.ts ArticleExtractor.extract(data, defaultTopic)
22. PROBLEM ZWEI
23. function extract( data, topic ) { … }
24. INTERFACES
25. interface Article { _id: string; url: string; date?: Date; title: string; text: string; }
26. function extract( data: Article[], topic: string) { … }
27. extract(articles, “bar”);“ ✔ extract(“foo”, “bar”); ✗ Argument of type “string” is not assignable to parameter of type Article[] ^^^^^
28. MORE STUFF
29. Type Inference Classes Modules Default parameters Optional parameters Generics Union Types Intersection Types
30. INTEGRATING 3RD PARTY LIBS / FRAMEWORKS
31. DefinitelyTyped
32. EDITOR SUPPORT
34. MIGRATION
35. > npm install -g typescript > mv *.js *.ts > tsc -w -m commonjs server.ts
36. SUMMARY
37. PRO CONTRA Optional TYPE SYSTEM Compiles to plain JS Compile Step ES5/(ES6) compatible
38. LINKS typescriptlang.org http://basarat.gitbooks.io/typescript/