Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

TypeScript vs Flow

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

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
Tweet

Other Decks in Technology

See All in Technology
名刺メーカーDevグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
980
Playwrightのソースコードに見る、自動テストを自動で書く技術
Avatar for Yusuke Iwaki yusukeiwaki
11
3.8k
プロダクトマネージャーが押さえておくべき、ソフトウェア資産とAIエージェント投資効果 / pmconf2025
Avatar for Masato Ishigaki / 石垣雅人 i35_267
2
430
あなたの知らないDateのひみつ / The Secret of "Date" You Haven't known #tqrk16
Avatar for Shu OGAWARA expajp
0
120
Oracle Cloud Infrastructure：2025年11月度サービス・アップデート
Avatar for oracle4engineer oracle4engineer
PRO
1
140
最近のLinux普段づかいWaylandデスクトップ元年
Avatar for Takuma Nakajima penguin2716
0
200
Design System Documentation Tooling 2025
Avatar for takanorip takanorip
2
940
安いGPUレンタルサービスについて
Avatar for Aratako aratako
2
2.5k
【５分でわかる】セーフィー エンジニア向け会社紹介
Avatar for Safie safie_recruit
0
37k
Claude Code Getting Started Guide(en)
Avatar for Oikon oikon48
0
150
シンプルを極める。アンチパターンなDB設計の本質
Avatar for Facilo Inc. facilo_inc
1
1.3k
計算機科学をRubyと歩む 〜DFA型正規表現エンジンをつくる～
Avatar for ydah ydah
3
110

Featured

See All Featured
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
10
700
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.5k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.3k
KATA
Avatar for Megan Lloyd mclloyd
PRO
32
15k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Code Review Best Practice
Avatar for Trisha Gee trishagee
73
19k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Designing for Performance
Avatar for Lara Hogan lara
610
69k

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/