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
470

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
(why the hell did I) build a GraphQL client for the browser
bloodyowl
0
45
Boxed: bringing algebraic types to TypeScript
bloodyowl
0
80
leveraging (algebraic data) types to make your UI rock @ jsheroes
bloodyowl
0
270
Leveraging (algebraic data) types to make your UI rock solid
bloodyowl
0
380
La drôle d'histoire de JavaScript
bloodyowl
0
340
Healthy Code Collaboration
bloodyowl
0
250
Simplify your UI management with (algebraic data) types
bloodyowl
0
800
Simplify your UI management with (algebraic data) types
bloodyowl
1
510
Migrating a large Reason+React codebase to hooks
bloodyowl
0
530

Other Decks in Programming

See All in Programming
MCP調べてみました！ / Exploring MCP
uhzz
2
2.3k
音声プラットフォームのアーキテクチャ変遷から学ぶ、クラウドネイティブなバッチ処理 (20250422_CNDS2025_Batch_Architecture)
thousanda
0
220
新しいPHP拡張モジュールインストール方法「PHP Installer for Extensions (PIE)」を使ってみよう！
cocoeyes02
0
410
RubyKaigi Dev Meeting 2025
tenderlove
1
200
The Efficiency Paradox and How to Save Yourself and the World
hollycummins
0
110
Fiber Scheduler vs. General-Purpose Parallel Client
hayaokimura
1
110
趣味全開のAITuber開発
kokushin
0
200
AWSで雰囲気でつくる! VRChatの写真変換ピタゴラスイッチ
anatofuz
0
160
Kamal 2 – Get Out of the Cloud
aleksandrov
1
190
The Implementations of Advanced LR Parser Algorithm
junk0612
1
330
Ruby's Line Breaks
yui_knk
2
1.2k
Qiita Bash
mercury_dev0517
2
200

Featured

See All Featured
4 Signs Your Business is Dying
shpigford
183
22k
Building Applications with DynamoDB
mza
94
6.3k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.6k
Practical Orchestrator
shlominoach
186
11k
Documentation Writing (for coders)
carmenintech
69
4.7k
Being A Developer After 40
akosma
91
590k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
21k
The Invisible Side of Design
smashingmag
299
50k
Making Projects Easy
brettharned
116
6.1k
Stop Working from a Prison Cell
hatefulcrawdad
268
20k
Testing 201, or: Great Expectations
jmmastey
42
7.5k

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