Slides da minha palestra realizada em Araraquara na data 29/06/2019

1. Novidades do TypeScript

2. Microsoft (MVP)
Thiago da Silva Adriano
Arquiteto de Software na TV Band
Autor Técnico e Palestrante
Organizador dos meetups

3. /perfil/thiagoadriano
programadrianotadriano.net
programadriano programadriano
Contatos
Blogs

4. Contatos

5. Agenda
▸ Angular 8
▸ TypeScript 3.4
▸ Incremental flag
▸ Converted name parameters
▸ ReadOnly {Array/Tuplas}
▸ Const assertions
▸ GlobalThis

7. Ivy (novo render)
preview

8. Em um novo projeto

9. Em um projeto com Angular 8

10. ● melhora no tempo dos builds (utilizando o
incremental compilation)
● diminuindo o tamanho dos bundles (com tree-
shaking)
● Mais velocidade e facilidade no momento de
desenvolvimento e debug
Com foco em:

13. ● 1.64s -> 1.52s (Sem o AOT)
● 1.17s (Com AOT)
Com Ivy:

14. Differential Loading by Default

16. https://github.com/browserslist/browserslist

18. Fonte: https://v8.angular.io/guide/deployment#differential-loading
+40KB

19. Route Configurations use Dynamic Imports

20. {
path: '/admin',
loadChildren: './admin/admin.module#AdminModule'
}
Rotas com Lazy loading

21. {
path: `/admin`, loadChildren: () =>
import(`./admin/admin.module`).then(m => m.AdminModule)
}
Dynamic Imports

22. Suporte ao Typescript 3.4

23. Incremental flag

25. tsc -w -diagnostics

28. tsconfig.tsbuildinfo

30. readonly {Array/tuplas}

31. ReadonlyArray<T>

32. ReadonlyArray<T>

33. Readonly

34. Readonly com tuplas

35. Tem algum caso de uso?

37. https://www.npmjs.com/package/json2csv
json2csv

38. converted ‘named ‘parameters
Refactoring

42. const assertions

43. y = 10; Vai dar ruim ou não ?

44. ● object get readonly properties
● array become readonly tuples
const assertions
https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-4.html

45. globalThis

46. Escopo Global no JavaScript
● Window
● self
● frames globalThis

48. https://github.com/programadriano/ng8-ts3.4