Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

Flow, du strong, static typing pour JavaScript

Matthias Le Brun
May 25, 2016
Programming
0
450

Flow, du strong, static typing pour JavaScript

Présentation de Flow et de ses capacités en matière de type-checking

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
bloodyowl
0
6
Boxed: bringing algebraic types to TypeScript
bloodyowl
0
36
leveraging (algebraic data) types to make your UI rock @ jsheroes
bloodyowl
0
240
Leveraging (algebraic data) types to make your UI rock solid
bloodyowl
0
340
La drôle d'histoire de JavaScript
bloodyowl
0
310
Healthy Code Collaboration
bloodyowl
0
210
Simplify your UI management with (algebraic data) types
bloodyowl
0
760
Simplify your UI management with (algebraic data) types
bloodyowl
1
480
Migrating a large Reason+React codebase to hooks
bloodyowl
0
500

Other Decks in Programming

See All in Programming
5分ぐらいで分かる、トリミング機能の作り方
tsutsuitakumi
0
170
物流システムにおけるリファクタリングとアーキテクチャの再構築 〜依存関係とモジュール分割の重要性〜
deeprain
1
270
Djangoの開発環境で工夫したこと - pre-commit / DevContainer
hiroki_yod
1
580
Cognitoが大型アップデート！ Managed Loginとパスワードレスログインを 実際に使ってみた@しむそくRadio Special Day1
tmhirai
2
150
subpath importsで始めるモック生活
10tera
0
380
カンファレンスの「アレ」Webでなんとかしませんか？ / Conference “thing” Why don't you do something about it on the Web?
dero1to
1
150
HTTP compression in PHP and Symfony apps
dunglas
1
370
[KR] Open-Source Ecosystems
skydoves
0
110
聞き手から登壇者へ： RubyKaigi2024 LTでの初挑戦が 教えてくれた、可能性の星
mikik0
1
140
第5回日本眼科AI学会総会_AIコンテスト_３位解法
neilsaw
0
100
Criando Commits Incríveis no Git
marcelgsantos
1
110
Laravel や Symfony で手っ取り早く
OpenAPI のドキュメントを作成する
azuki
2
150

Featured

See All Featured
Making the Leap to Tech Lead
cromwellryan
133
8.9k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
It's Worth the Effort
3n
183
27k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
159
15k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
The Language of Interfaces
destraynor
154
24k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.8k
StorybookのUI Testing Handbookを読んだ
zakiyama
27
5.3k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
We Have a Design System, Now What?
morganepeng
50
7.2k
Site-Speed That Sticks
csswizardry
0
100

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