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
85
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
270
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
バイブスあるコーディングで ~PHP~ 便利ツールをつくるプラクティス
Avatar for uzulla uzulla
1
290
Bedrock AgentCore ObservabilityによるAIエージェントの運用
Avatar for matsukada licux
8
340
テスターからテストエンジニアへ ~新米テストエンジニアが歩んだ9ヶ月振り返り~
Avatar for のんちゃん non0113
2
240
変化を楽しむエンジニアリング ~ いままでとこれから ~
Avatar for murajun1978 murajun1978
0
520
AIに安心して任せるためにTypeScriptで一意な型を作ろう
Avatar for Yuki Yata arfes0e2b3c
0
260
AIともっと楽するE2Eテスト
Avatar for Yohei Maeda myohei
9
3.2k
CIを整備してメンテナンスを生成AIに任せる
Avatar for Hazumi Ichijo hazumirr
0
290
Vibe Codingの幻想を超えて-生成AIを現場で使えるようにするまでの泥臭い話.ai
Avatar for Kuu fumiyakume
18
9.5k
Understanding Kotlin Multiplatform
Avatar for HyunWoo Lee l2hyunwoo
0
230
マッチングアプリにおけるフリックUIで苦労したこと
Avatar for yuhei yuheiito
0
240
副作用と戦う PHP リファクタリング ─ ドメインイベントでビジネスロジックを解きほぐす
Avatar for Takuma Kajikawa kajitack
3
470
知って得する@cloudflare_vite-pluginのあれこれ
Avatar for chimame chimame
1
120

Featured

See All Featured
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
278
23k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
431
65k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
329
21k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
1
510
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
51
8.6k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
8
720
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
55
5.7k

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