TypeScript vs Flow

An overview of 2 of the most popular type checking tools in the JavaScript ecosystem

Transcript

1. TYPE CHECKING TypeScript vs Flow
2. JAVASCRIPT TOOLING IS NOT NEW
3. MINIFICATION
4. STATIC ANALYSIS
5. LINTERS
6. TRANSPILERS (COFFEES#!T)
7. THE BLURB
8. TYPESCRIPT “A TYPED SUPERSET OF JAVASCRIPT THAT COMPILES TO PLAIN JAVASCRIPT”
9. FLOW “ADDS STATIC TYPING TO JAVASCRIPT TO IMPROVE DEVELOPER PRODUCTIVITY AND CODE QUALITY”
10. BOTH HAVE SAME GOALS
11. BACKGROUND - FLOW
12. FACEBOOK CREATED REACT
13. CODE BASE & TEAM GETTING LARGE - BUGS CREEPING IN
14. LOOKED AT CLOSURE COMPILER BUT REQUIRED “TOO MUCH CARE”
15. LOOKED AT TYPESCRIPT BUT REQUIRED “DEVS TO DO JS DIFFERENTLY”
16. WRITTEN IN OCAML
17. BACKGROUND-TYPESCRIPT
18. MICROSOFT WANTED TO ADDRESS JAVASCRIPT’S SHORTCOMINGS FOR LARGE PROJECTS
19. THEY ALSO WANTED TO BRING FUTURE ES6/7 PROPOSALS FORWARD
20. AND GIVE JAVASCRIPT FIRST CLASS TOOLING SUPPORT FOR EDITORS
21. STRONG UPTAKE - EVEN ANGULAR 2.0 IS WRITTEN IN TYPESCRIPT
22. google —microsoft
23. WHY DO WE CARE?
24. TYPES CAN BE YOUR FRIEND
25. TYPES CAN SERVE AS DOCUMENTATION FOR FUNCTIONS
26. THE COMPILER IS YOUR FIRST UNIT TEST
27. TOOLING CAN AID PRODUCTIVITY
28. NOT EVERYONE AGREES
29. “ I think that JavaScript's loose typing is one of its best features and that type checking is way overrated. TypeScript adds sweetness, but at a price. It is not a price I am willing to pay -Douglas Crockford
30. “ A word of warning Making previously-untyped code typecheck with Flow may take some time and work - and sometimes it may not be worth the effort in the short term -facebook
32. YOU CAN STILL DO DYNAMIC JAVASCRIPT don’t panic
33. SYNTAX
34. TYPE ANNOTATIONS
35. TYPE ANNOTATIONS
37. ARRAYS
39. ENUMS
41. INTERFACES
42. INTERFACES
43. INTERFACES
44. INTERFACES
45. UNION TYPES
46. UNION TYPES
47. GENERICS
48. `
49. `
50. WORKING WITH 3RD PARTY LIBRARIES
51. TYPESCRIPT - .D.TS FILES FLOW - ‘INTERFACE’ FILES
54. ALTERNATIVELY
55. HTTP://DEFINITELYTYPED.ORG/
56. REACT
57. TYPESCRIPT - .TSX FILES FLOW - OOTB
60. TOOLING
61. TYPESCRIPT HAS RICH EDITOR SUPPORT
62. FLOW HAS LIMITED SUPPORT - ATOM NUCLIDE
63. THE FUTURE
64. TYPESCRIPT - ASYNC/AWAIT AND LOTS OF ES2016 FEATURES https://github.com/Microsoft/TypeScript/wiki/roadmap
65. FLOW - CONVERT TYPESCRIPT .D.TS BETTER IDE SUPPORT MOVE FROM OCAML TO JS http://flowtype.org/docs/coming-soon.html#_
66. ALTERNATIVES
67. ELM PURESCRIPT http://elm-lang.org/ http://www.purescript.org/