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
490

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
87
Boxed: bringing algebraic types to TypeScript
Avatar for Matthias Le Brun bloodyowl
0
110
leveraging (algebraic data) types to make your UI rock @ jsheroes
Avatar for Matthias Le Brun bloodyowl
0
290
Leveraging (algebraic data) types to make your UI rock solid
Avatar for Matthias Le Brun bloodyowl
0
400
La drôle d'histoire de JavaScript
Avatar for Matthias Le Brun bloodyowl
0
360
Healthy Code Collaboration
Avatar for Matthias Le Brun bloodyowl
0
280
Simplify your UI management with (algebraic data) types
Avatar for Matthias Le Brun bloodyowl
0
810
Simplify your UI management with (algebraic data) types
Avatar for Matthias Le Brun bloodyowl
1
530
Migrating a large Reason+React codebase to hooks
Avatar for Matthias Le Brun bloodyowl
0
550

Other Decks in Programming

See All in Programming
CIを整備してメンテナンスを生成AIに任せる
Avatar for Hazumi Ichijo hazumirr
0
490
テスターからテストエンジニアへ ~新米テストエンジニアが歩んだ9ヶ月振り返り~
Avatar for のんちゃん non0113
2
250
The Niche of CDK Grant オブジェクトって何者？/the-niche-of-cdk-what-isgrant-object
Avatar for hassaku63 hassaku63
1
740
Reactの歴史を振り返る
Avatar for つちのこ tutinoko
1
160
Flutterと Vibe Coding で個人開発！
Avatar for Hayami Shuhei hyshu
1
210
AWS Summit Japan 2024と2025の比較／はじめてのKiro、今あなたは岐路に立つ
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
260
Dart 参戦！！静的型付き言語界の隠れた実力者
Avatar for Kuno Ayana kno3a87
0
160
대규모 트래픽을 처리하는 프론트 개발자의 전략
Avatar for Seungmin 마량 maryang
0
110
オホーツクでコミュニティを立ち上げた理由―地方出身プログラマの挑戦 / TechRAMEN 2025 Conference
Avatar for はる lemonade_37
1
430
AIコーディングエージェント全社導入とセキュリティ対策
Avatar for hikae hikaruegashira
15
9.3k
PHPカンファレンス関西2025　基調講演
Avatar for SUGIMOTO Kei sugimotokei
6
1.1k
AIのメモリー
Avatar for watany watany
12
1.2k

Featured

See All Featured
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
750
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
223
9.8k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
870
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.6k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
272
27k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.5k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
50k

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