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

Flow, du strong, static typing pour JavaScript

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Matthias Le Brun Matthias Le Brun
May 25, 2016
Programming
510
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
86
(why the hell did I) build a GraphQL client for the browser
Avatar for Matthias Le Brun bloodyowl
0
130
Boxed: bringing algebraic types to TypeScript
Avatar for Matthias Le Brun bloodyowl
0
160
leveraging (algebraic data) types to make your UI rock @ jsheroes
Avatar for Matthias Le Brun bloodyowl
0
310
Leveraging (algebraic data) types to make your UI rock solid
Avatar for Matthias Le Brun bloodyowl
0
460
La drôle d'histoire de JavaScript
Avatar for Matthias Le Brun bloodyowl
0
390
Healthy Code Collaboration
Avatar for Matthias Le Brun bloodyowl
0
350
Simplify your UI management with (algebraic data) types
Avatar for Matthias Le Brun bloodyowl
0
840
Simplify your UI management with (algebraic data) types
Avatar for Matthias Le Brun bloodyowl
1
560

Other Decks in Programming

See All in Programming
Strategy for Finding a Problem for OSS: With Real Examples
Avatar for Chikahiro Tokoro kibitan
0
130
The free-lunch guide to idea circularity
Avatar for Holly Cummins hollycummins
0
400
AI時代の脳疲弊と向き合う ~言語学としてのPHP~
Avatar for Sakurai sakuraikotone
1
1.8k
へんな働き方
Avatar for Yusuke Wada yusukebe
6
2.9k
KagglerがMixSeekを触ってみた
Avatar for Morim morim
0
360
Redox OS でのネームスペース管理と chroot の実現
Avatar for isan isanethen
0
500
Rethinking API Platform Filters
Avatar for Vincent Amstoutz vinceamstoutz
0
4.8k
実践ハーネスエンジニアリング #MOSHTech
Avatar for Takuma Kajikawa kajitack
7
5.3k
AI-DLC 入門 〜AIコーディングの本質は「コード」ではなく「構造」〜 / Introduction to AI-DLC: The Essence of AI Coding Is Not “Code” but “Structure”
Avatar for shiro seike seike460
PRO
0
150
GoのDB アクセスにおける 「型安全」と「柔軟性」の両立 - Bob という選択肢
Avatar for tak tak848
0
300
Xdebug と IDE による デバッグ実行の仕組みを見る / Exploring-How-Debugging-Works-with-Xdebug-and-an-IDE
Avatar for shin1x1 shin1x1
0
300
年間50登壇、単著出版、雑誌寄稿、Podcast出演、YouTube、CM、カンファレンス主催……全部やってみたので面白さ等を比較してみよう / I’ve tried them all, so let’s compare how interesting they are.
Avatar for nrs nrslib
4
630

Featured

See All Featured
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.3k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.2k
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.2k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
370
Fireside Chat
Avatar for paigeccino paigeccino
42
3.9k
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
250
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
81
A Soul's Torment
Avatar for Nat Ma seathinner
5
2.6k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
2
1.4k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.3k
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
3
3.1k
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.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