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

Flow, du strong, static typing pour JavaScript

37500337ba5d2aebc962959ed83928e5?s=47 Matthias Le Brun
May 25, 2016
Programming
0
180

Flow, du strong, static typing pour JavaScript

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

37500337ba5d2aebc962959ed83928e5?s=128

Matthias Le Brun

May 25, 2016
Tweet

More Decks by Matthias Le Brun

See All by Matthias Le Brun
37500337ba5d2aebc962959ed83928e5?s=48 bloodyowl
0
110
37500337ba5d2aebc962959ed83928e5?s=48 bloodyowl
1
180
37500337ba5d2aebc962959ed83928e5?s=48 bloodyowl
0
180
37500337ba5d2aebc962959ed83928e5?s=48 bloodyowl
0
150
37500337ba5d2aebc962959ed83928e5?s=48 bloodyowl
0
110
37500337ba5d2aebc962959ed83928e5?s=48 bloodyowl
1
270
37500337ba5d2aebc962959ed83928e5?s=48 bloodyowl
1
240
37500337ba5d2aebc962959ed83928e5?s=48 bloodyowl
0
140
37500337ba5d2aebc962959ed83928e5?s=48 bloodyowl
0
610

Other Decks in Programming

See All in Programming
7028eb7f1d5bf62b440e4e6894c4922c?s=48 bosshawk
1
250
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
270
635e53b96114c922fa5486b418895960?s=48 fadis
3
1.8k
Ee974eb4dea26c2f17f42460366bb745?s=48 progate
2
440
Aea43fe34799c7ae03e9793919e39c65?s=48 sisshiki1969
1
220
3179e6bb62dc91d29bb906ffef4fa2d4?s=48 marcoow
0
160
Bf5ee9059859ed5d855b5ff4680e63e2?s=48 track3jyo
3
220
6dc67d02d6b322ee317cece9b045317d?s=48 kalupas226
0
140
39adbc0cddb8c0ea8470c80248e9e71b?s=48 hyodol2513
2
1.1k
744a38d972036c3bd0bcdaddafdd5f26?s=48 mathetake
7
2.2k
Ba0adbbfa699d09f6ee7b4402e4dcf9f?s=48 kulkarniankita09
0
260
5c588fdfe782f92fa6b081903edd82bb?s=48 hr01
1
4.2k

Featured

See All Featured
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
322
53k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
445
36k
48c098b6579220a67a6ba949be6e4b5a?s=48 revolveconf
200
9.7k
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
64
3.8k
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
343
26k
053e75a5b48b44d6dd0612795dfb326d?s=48 notwaldorf
18
2.1k
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
221
15k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
242
21k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1346
200k
78b475797a14c84799063c7cd073962f?s=48 holman
447
140k
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
82
4.8k
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
128
20k

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