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

Flow, du strong, static typing pour JavaScript

Avatar for Matthias Le Brun Matthias Le Brun
May 25, 2016
Programming
0
480

Flow, du strong, static typing pour JavaScript

Présentation de Flow et de ses capacités en matière de type-checking
Avatar for Matthias Le Brun

Matthias Le Brun

May 25, 2016
Tweet

More Decks by Matthias Le Brun

See All by Matthias Le Brun
(why the hell did I) build a GraphQL client for the browser
Avatar for Matthias Le Brun bloodyowl
0
79
Boxed: bringing algebraic types to TypeScript
Avatar for Matthias Le Brun bloodyowl
0
98
leveraging (algebraic data) types to make your UI rock @ jsheroes
Avatar for Matthias Le Brun bloodyowl
0
280
Leveraging (algebraic data) types to make your UI rock solid
Avatar for Matthias Le Brun bloodyowl
0
390
La drôle d'histoire de JavaScript
Avatar for Matthias Le Brun bloodyowl
0
350
Healthy Code Collaboration
Avatar for Matthias Le Brun bloodyowl
0
270
Simplify your UI management with (algebraic data) types
Avatar for Matthias Le Brun bloodyowl
0
800
Simplify your UI management with (algebraic data) types
Avatar for Matthias Le Brun bloodyowl
1
520
Migrating a large Reason+React codebase to hooks
Avatar for Matthias Le Brun bloodyowl
0
540

Other Decks in Programming

See All in Programming
ワンバイナリWebサービスのススメ
Avatar for mackee mackee
10
7.7k
Select API from Kotlin Coroutine
Avatar for Matsuda Jumpei jmatsu
1
150
Cline指示通りに動かない？ AI小説エージェントで学ぶ指示書の書き方と自動アップデートの仕組み
Avatar for 葦沢かもめ kamomeashizawa
1
500
2度もゼロから書き直して、やっとブラウザでぬるぬる動くAIに辿り着いた話
Avatar for Tomohiro Inoue tomoino
0
160
Datadog RUM 本番導入までの道
Avatar for Shintaro Matsumoto shinter61
1
280
UPDATEがシステムを複雑にする？ イミュータブルデータモデルのすすめ
Avatar for a.shimomura shimomura
1
550
単体テストの始め方/作り方
Avatar for toms toms74209200
0
450
ASP.NETアプリケーションのモダナイズ インフラ編
Avatar for tomokusaba tomokusaba
1
250
Elixir で IoT 開発、 Nerves なら簡単にできる！？
Avatar for pojiro pojiro
1
140
A comprehensive view of refactoring
Avatar for Marabesi marabesi
0
470
実践ArchUnit ～実例による検証パターンの紹介～
Avatar for 荻原利雄 ogiwarat
2
260
CSC307 Lecture 17
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
110

Featured

See All Featured
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
172
14k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.6k
Faster Mobile Websites
Avatar for Dean Hume deanohume
307
31k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
188
11k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
71
4.9k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
11k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
94
14k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
267
13k
Navigating Team Friction
Avatar for Lara Hogan lara
186
15k
How GitHub (no longer) Works
Avatar for Zach Holman holman
314
140k

Transcript

  1. Flow du strong, static typing pour JavaScript

  2. Matthias Le Brun @bloodyowl Lead front end developer @ BeOpinion

    Putain de code
  3. None

  4. Node Element

  5. JavaScript • undefined is not a function • TypeError: Cannot

    read property "bar" of undefined • "undefined commentaires" • "You have [object Object] messages" • TypeError: TypeError • ReferenceError: Can't find variable: foo • NaN

  6. JavaScript Weakly typed

  7. JavaScript Dynamically typed

  8. JavaScript …

  9. «Workarounds» On peut documenter

  10. «Workarounds» On peut vérifier les types au runtime

  11. «Workarounds» On peut «ignorer» les soucis ¯\_(ϑ)_/¯

  12. None
  13. None

  14. Flow A static type checker for JavaScript

  15. None
  16. None

  17. Flow Détecte les incompatibilités

  18. Flow Détecte les incompatibilités

  19. Flow Permet d'annoter son code

  20. Flow

  21. Flow Comprend les built-ins

  22. Flow Aliases

  23. Flow Aliases

  24. Flow Generics

  25. Flow Generics

  26. Flow Interfaces

  27. Flow + React

  28. Transformer en JS valide

  29. Flow Peut fonctionner sans transformation

  30. Flow Code externe

  31. TypeScript • Différences de syntaxe mineures • Flow commence à

    fonctionner sans annotations et s'intègre mieux à un projet existant • TypeScript n'analyse pas les call-sites

  32. Merci Questions ? Matthias Le Brun @bloodyowl