TypeScript - JS utrzymany w ryzach

Prezentacja z CodeteCon, 6 XII 2016

Transcript

1. TypeScript JS utrzymany w ryzach Jan Metrycki front-end developer @ Codete j.m.metrycki@gmail.com
2. JavaScript - elegancki, elastyczny, uniwersalny
3. Kiedy wolność staje się problemem? • sprawdzanie typów - jedynie imperatywne (typeof, instanceof) • system klas, który nic nie gwarantuje
4. Kiedy wolność staje się problemem? • funkcje, których sygnatura nie mówi nic o oczekiwanych argumentach • nieustrukturyzowane dane
5. Uwagi wstępne •
6. Uwagi wstępne • to nie będzie prezentacja o Angular 2 •
7. Uwagi wstępne • to nie będzie prezentacja o Angular 2 • to nie będzie bezkrytyczna apologia TypeScriptu
8. TypeScript - podstawowe fakty •
9. TypeScript - podstawowe fakty • projekt Microsoftu •
10. TypeScript - podstawowe fakty • projekt Microsoftu • jeden z twórców - Anders Hejlsberg, architekt C#, Delphi i TurboPascala •
11. TypeScript - podstawowe fakty • projekt Microsoftu • jeden z twórców - Anders Hejlsberg, architekt C#, Delphi i TurboPascala • język transkompilowany do JS •
12. TypeScript - podstawowe fakty • projekt Microsoftu • jeden z twórców - Anders Hejlsberg, architekt C#, Delphi i TurboPascala • język transkompilowany do JS • statyczne typowanie •
13. TypeScript - podstawowe fakty • projekt Microsoftu • jeden z twórców - Anders Hejlsberg, architekt C#, Delphi i TurboPascala • język transkompilowany do JS • statyczne typowanie • nadzbiór JS
14. TypeScript - historia • X 2012 - opublikowanie projektu (wersja 0.8) • VII 2014 - nowy kompilator • początek 2015 (1.5) - zaadoptowanie funkcjonalności ES6 • połowa 2015 (1.6) - wsparcie dla generatorów i JSX • IX 2016 (2.0) - zaawansowana inferencja typów • XII 2016 (2.1) - rozwinięcie mechanizmu inferencji, typy mapowane
15. TypeScript - elementarz • wszystko na etapie kompilacji • możliwość stosowania do statycznej analizy JS
16. TypeScript - elementarz • boolean, number, string, array • tuple • enum • any • void • null & undefined • never
17. TypeScript - elementarz
18. TypeScript - elementarz
19. TypeScript - elementarz
20. TypeScript - elementarz
21. Lepsze klasy • pola publiczne, prywatne i chronione (public, private, protected) • modyfikator readonly • klasy abstrakcyjne • implementacja interfejsów TypeScript - elementarz
22. Generics • funkcje • klasy TypeScript - elementarz
23. "Rygorystyczne" ustawienia • noImplicitAny • strictNullChecks TypeScript - elementarz
24. • zaawansowane "zgadywanie" typów TypeScript - nowa funkcjonalność
25. • typy mapowane TypeScript - nowa funkcjonalność
26. • definicje typów do bibliotek - npm @types/… • świetne wsparcie w IDE (WebStorm, VS Code) - IntelliSense, refactoring, linting TypeScript - tooling
27. • mniej popularny od "vanilla" JS, większy próg wejścia do projektu • rozwijany przez jedną firmę • bardzo dynamiczny rozwój • mniej czytelny kod • bywa uciążliwy • problemy z definicjami typów TypeScript - kilka argumentów przeciw
28. • tooling - jedna z największych zalet • statyczne typowanie samo nie załatwi wszystkiego • ...a na pewno nie zastąpi testów Podsumowanie
29. Pytania? I to by było na tyle...