Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Flow, du strong, static typing pour JavaScript

Avatar for Matthias Le Brun Matthias Le Brun
May 25, 2016
Programming
540
0

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

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
140
(why the hell did I) build a GraphQL client for the browser
Avatar for Matthias Le Brun bloodyowl
0
170
Boxed: bringing algebraic types to TypeScript
Avatar for Matthias Le Brun bloodyowl
0
220
leveraging (algebraic data) types to make your UI rock @ jsheroes
Avatar for Matthias Le Brun bloodyowl
0
360
Leveraging (algebraic data) types to make your UI rock solid
Avatar for Matthias Le Brun bloodyowl
0
540
La drôle d'histoire de JavaScript
Avatar for Matthias Le Brun bloodyowl
0
430
Healthy Code Collaboration
Avatar for Matthias Le Brun bloodyowl
0
390
Simplify your UI management with (algebraic data) types
Avatar for Matthias Le Brun bloodyowl
0
880
Simplify your UI management with (algebraic data) types
Avatar for Matthias Le Brun bloodyowl
1
600

Other Decks in Programming

See All in Programming
Long Living Tokens, Die, Die, Die! (or: The One Ring is Banned in Modern)
Avatar for sylph01 sylph01
0
380
Railsバージョンを4倍にした話
Avatar for OPTiM optim
0
830
Compiling a real-world CLI tool to native with Static Hermes
Avatar for Tzvetan Mikov tmikov2023
0
140
AI時代のTerminal環境を UNIX哲学で設計・運用する
Avatar for yasunori yasunori0418
1
310
Web Framework Benchmark Battle 2026, Any%
Avatar for Akira Matsuda a_matsuda
3
3.1k
ActionController meets Protocol Buffers
Avatar for Sorah Fukumori sorah
1
750
조합이폭발하는디자인시스템이걸눈으로도테스트하라고요
Avatar for giljongyu giljongyu
0
640
AI Augmentation Techniques with Liberty
Avatar for ivargrimstad ivargrimstad
0
140
Spec-Driven Development - Why Vaadin Is the Perfect Fit
Avatar for Simon Martinelli simas
PRO
0
170
続・コーディングルールの鮮度を保ちたい / keep-fresh-go-internal-conventions-again
Avatar for NAGATA Hiroaki handlename
0
150
AmebaブログはKMPから卒業します
Avatar for 伊藤光次郎 kmars0605
0
300
クラウドエージェントは、 何がそんなに便利なのか / what makes cloud agents so useful
Avatar for r-kagaya rkaga
3
620

Featured

See All Featured
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
1
590
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
270
14k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8.4k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.4k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
1.1k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
290
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
96
6.9k
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
900
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
430
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
250
1.3M
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
6
1.2k

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