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

Flow, du strong, static typing pour JavaScript

Matthias Le Brun
May 25, 2016
Programming
0
270

Flow, du strong, static typing pour JavaScript

Présentation de Flow et de ses capacités en matière de type-checking

Matthias Le Brun

May 25, 2016
Tweet

More Decks by Matthias Le Brun

See All by Matthias Le Brun
La drôle d'histoire de JavaScript
bloodyowl
0
100
Healthy Code Collaboration
bloodyowl
0
77
Simplify your UI management with (algebraic data) types
bloodyowl
0
560
Simplify your UI management with (algebraic data) types
bloodyowl
1
310
Migrating a large Reason+React codebase to hooks
bloodyowl
0
330
Third Party Hell (BestOfWeb)
bloodyowl
0
250
Best practices
bloodyowl
0
220
A good Reason for typing
bloodyowl
1
400
Third Party Hell
bloodyowl
1
340

Other Decks in Programming

See All in Programming
State management and API calls in Jetpack Compose: Learning Apollo + Jetpack Compose through React Hooks
yt8492
0
150
JUnit 5 wird 5
marcphilipp
1
150
Androidのモダンな技術選択にあわせて自動テストも アップデートしよう / Update your automated tests to match Android's modern technology choices
tkmnzm
2
170
Angular's Future without NgModules: Architectures with Standalone Components
manfredsteyer
PRO
0
290
正規化理論ことはじめ -数学的背景から理解する正規化の初手-
boro1234
0
220
Git 未経験者 が GitHub Actions で もがいた話 / 20220914 git beginner uses github actions
mackey0225
1
420
サーバーと同期してリアルタイムに更新する画面を実装する
rizumi
2
420
php_mecabをFFIで実装してみよう
rsky
0
150
[API Platform Con] Domain Driven Design with API Platform 3
mtarld
0
3k
php-conference-japan-2022
tasuku43
1
500
実践！ユニットテスト入門（PHPカンファレンス2022）
panda_program
9
3.3k
治っていくmbstring ㋿時代の文字化け
youkidearitai
0
410

Featured

See All Featured
Practical Orchestrator
shlominoach
178
8.7k
How to Ace a Technical Interview
jacobian
268
21k
Rebuilding a faster, lazier Slack
samanthasiow
63
7.3k
Designing on Purpose - Digital PM Summit 2013
jponch
107
5.7k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
182
15k
Streamline your AJAX requests with AmplifyJS and jQuery
dougneiner
127
8.6k
4 Signs Your Business is Dying
shpigford
169
20k
How GitHub (no longer) Works
holman
298
140k
The Straight Up "How To Draw Better" Workshop
denniskardys
225
130k
Fantastic passwords and where to find them - at NoRuKo
philnash
29
1.7k
Agile that works and the tools we love
rasmusluckow
319
19k
How to name files
jennybc
44
66k

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