Upgrade to Pro — share decks privately, control downloads, hide ads and more …

TypeScript vs Flow

Avatar for Craig Bruce Craig Bruce
November 26, 2015
Technology
670
1

TypeScript vs Flow

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

Avatar for Craig Bruce

Craig Bruce

November 26, 2015

Other Decks in Technology

See All in Technology
Rapid Start: Faster Internet Connections, with Ruby's Help
Avatar for kazuho kazuho
2
130
ぼくがかんがえたさいきょうのあうとぷっと
Avatar for Yuuki Yamashita yama3133
0
170
名刺メーカーDevグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
1.1k
AI時代における技術的負債への取り組み
Avatar for Tadashi Shigeoka codenote
0
990
昔はシンプルだった_AmazonS3
Avatar for kawaji kawaji_scratch
0
300
CDK Insightsで見る、AIによるCDKコード静的解析(+AI解析)
Avatar for Kazuki Adachi k_adachi_01
2
170
インターネットの技術 / Internet technology
Avatar for Kenji Saito ks91
PRO
0
150
#jawsugyokohama 100 LT11, "My AWS Journey 2011-2026 - kwntravel"
Avatar for Shinichiro Kawano shinichirokawano
0
310
自分のハンドルは自分で握れ！ ― 自分のケイパビリティを増やし、メンバーのケイパビリティ獲得を支援する ― / Take the wheel yourself
Avatar for TAKAKING22 takaking22
1
800
Azure PortalなどにみるWebアクセシビリティ
Avatar for tomokusaba tomokusaba
0
370
AI時代にデータ基盤が持つべきCapabilityを考える + Snowflake Data Superheroやっていき宣言 / Considering the Capabilities Data Platforms Should Have in the AI Era + Declaration of Commitment as a Snowflake Data Superhero
Avatar for Civitaspo civitaspo
0
110
Data Hubグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
2.9k

Featured

See All Featured
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.6k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
110
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
120
HDC tutorial
Avatar for Michiel Stock michielstock
2
620
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
10
37k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
270
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Between Models and Reality
Avatar for mayunak mayunak
3
260
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
69
38k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2k

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
  31. None

  32. YOU CAN STILL DO DYNAMIC JAVASCRIPT don’t panic

  33. SYNTAX

  34. TYPE ANNOTATIONS

  35. TYPE ANNOTATIONS

  36. None

  37. ARRAYS

  38. None

  39. ENUMS

  40. None

  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

  52. None
  53. None

  54. ALTERNATIVELY

  55. HTTP://DEFINITELYTYPED.ORG/

  56. REACT

  57. TYPESCRIPT - .TSX FILES FLOW - OOTB

  58. None
  59. None

  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/