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

Flow, du strong, static typing pour JavaScript

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Matthias Le Brun Matthias Le Brun
May 25, 2016
Programming
0
500

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
GraphQL, Pothos & SQLite: a perfect match
Avatar for Matthias Le Brun bloodyowl
0
69
(why the hell did I) build a GraphQL client for the browser
Avatar for Matthias Le Brun bloodyowl
0
120
Boxed: bringing algebraic types to TypeScript
Avatar for Matthias Le Brun bloodyowl
0
150
leveraging (algebraic data) types to make your UI rock @ jsheroes
Avatar for Matthias Le Brun bloodyowl
0
300
Leveraging (algebraic data) types to make your UI rock solid
Avatar for Matthias Le Brun bloodyowl
0
450
La drôle d'histoire de JavaScript
Avatar for Matthias Le Brun bloodyowl
0
380
Healthy Code Collaboration
Avatar for Matthias Le Brun bloodyowl
0
330
Simplify your UI management with (algebraic data) types
Avatar for Matthias Le Brun bloodyowl
0
830
Simplify your UI management with (algebraic data) types
Avatar for Matthias Le Brun bloodyowl
1
550

Other Decks in Programming

See All in Programming
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
Avatar for shibayu36 shibayu36
2
4.4k
LLM Observabilityによる 対話型音声AIアプリケーションの安定運用
Avatar for Hiroyuki Moriya gekko0114
2
430
登壇資料を作る時に意識していること #登壇資料_findy
Avatar for konifar konifar
4
1.1k
AI & Enginnering
Avatar for codelynx codelynx
0
110
CSC307 Lecture 07
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
550
AI前提で考えるiOSアプリのモダナイズ設計
Avatar for 野瀬田　裕樹 yuukiw00w
0
230
CSC307 Lecture 01
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
690
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
Avatar for Hiroshi Morishige himorishige
11
7.4k
Vibe Coding - AI 驅動的軟體開發
Avatar for Micky Li mickyp100
0
180
AI時代のキャリアプラン「技術の引力」からの脱出と「問い」へのいざない / tech-gravity
Avatar for MinoDriven minodriven
21
7.2k
Grafana：建立系統全知視角的捷徑
Avatar for Blueswen blueswen
0
330
そのAIレビュー、レビューしてますか？ / Are you reviewing those AI reviews?
Avatar for r-kagaya rkaga
6
4.6k

Featured

See All Featured
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
170
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
2
260
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
120
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
430
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
51
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
640
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
Designing for Performance
Avatar for Lara Hogan lara
610
70k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
74
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