Typechecking in Javascript

A small presentation on type-checked javascript is, what problems it can solve for you.

Transcript

1. 9/25/2016 Typechecking in Javascript http://localhost:3000/#/?export&_k=dacai8 1/10 Peter Lazar @peterlazar1993 TYPECHECKING IN JAVASCRIPT
2. 9/25/2016 Typechecking in Javascript http://localhost:3000/#/?export&_k=dacai8 2/10 Pop Quiz c o n s t a d d = f u n c t i o n ( o p e r a n d 1 , o p e r a n d 2 ) { r e t u r n o p e r a n d 1 + o p e r a n d 2 } a d d ( { } , { } ) a d d ( { } , [ ] ) a d d ( " " , { } ) a d d ( " " , [ ] ) a d d ( 1 + " " ) a d d ( 1 + [ ] ) a d d ( 1 + { } ) a d d ( 1 , 1 )
3. 9/25/2016 Typechecking in Javascript http://localhost:3000/#/?export&_k=dacai8 3/10 TYPES STRONG/WEAK TYPING STATIC/DYNAMIC TYPING A type is a classi cation identifying one of various types of data, such as real, integer or boolean, that determines the possible values for that type, the operations that can be done on values of that type, the meaning of the data, and the way values of that type can be stored.
4. 9/25/2016 Typechecking in Javascript http://localhost:3000/#/?export&_k=dacai8 4/10 Code
5. 9/25/2016 Typechecking in Javascript http://localhost:3000/#/?export&_k=dacai8 5/10 JavaScript's type system makes it extremely exible and extremely easy to screw up. - Peter
6. 9/25/2016 Typechecking in Javascript http://localhost:3000/#/?export&_k=dacai8 6/10 TYPESCRIPT FLOW LET'S PUT TYPES IN JAVASCRIPT
7. 9/25/2016 Typechecking in Javascript http://localhost:3000/#/?export&_k=dacai8 7/10 FLOW Static Type Checker Type Inference Type Annotations Opt-in Realtime Feedback
8. 9/25/2016 Typechecking in Javascript http://localhost:3000/#/?export&_k=dacai8 8/10 Code
9. 9/25/2016 Typechecking in Javascript http://localhost:3000/#/?export&_k=dacai8 9/10 Questions? @peterlazar1993
10. 9/25/2016 Typechecking in Javascript http://localhost:3000/#/?export&_k=dacai8 10/10 PS: You should check out elm PPS: These slides were made using Spectacle, React based presentation library