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
49
Boxed: bringing algebraic types to TypeScript
Avatar for Matthias Le Brun bloodyowl
0
88
leveraging (algebraic data) types to make your UI rock @ jsheroes
Avatar for Matthias Le Brun bloodyowl
0
270
Leveraging (algebraic data) types to make your UI rock solid
Avatar for Matthias Le Brun bloodyowl
0
380
La drôle d'histoire de JavaScript
Avatar for Matthias Le Brun bloodyowl
0
340
Healthy Code Collaboration
Avatar for Matthias Le Brun bloodyowl
0
260
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
510
Migrating a large Reason+React codebase to hooks
Avatar for Matthias Le Brun bloodyowl
0
530

Other Decks in Programming

See All in Programming
開発者フレンドリーで顧客も満足？Platformの秘密
Avatar for ALGO ARTIS algoartis
0
160
Make Parsers Compatible Using Automata Learning
Avatar for TSUYUSATO Kitsune makenowjust
2
6.9k
サービスレベルを管理してアジャイルを加速しよう！！ / slm-accelerate-agility
Avatar for TomoyaKitaura tomoyakitaura
1
200
KANNA Android の技術的課題と取り組み
Avatar for Yosuke Watanabe watabee
0
180
Bedrock×MCPで社内ブログ執筆文化を育てたい！
Avatar for Har1101 har1101
7
1.4k
Instrumentsを使用した アプリのパフォーマンス向上方法
Avatar for hinakko hinakko
0
230
監視 やばい
Avatar for syossan27 syossan27
12
10k
Browser and UI #2 HTML/ARIA
Avatar for ken7253 ken7253
2
170
プロフェッショナルとしての成長「問題の深掘り」が導く真のスキルアップ / issue-analysis-and-skill-up
Avatar for MinoDriven minodriven
8
1.9k
設計の本質：コード、システム、そして組織へ / The Essence of Design: To Code, Systems, and Organizations
Avatar for nrs nrslib
10
3.7k
Golangci-lint v2爆誕: 君たちはどうすべきか
Avatar for logica / Takuto Nagami logica0419
1
230
Ruby's Line Breaks
Avatar for yui-knk yui_knk
4
2.8k

Featured

See All Featured
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
22
3.4k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
69
4.6k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
690
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
49k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
70k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
42
7.5k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
34
2.2k
Side Projects
Avatar for Sacha Greif sachag
453
42k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Faster Mobile Websites
Avatar for Dean Hume deanohume
306
31k

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