State of the art React development flow with TypeScript

"TypeError: Cannot read property something of undefined" errors shouldn't follow your code and avoiding them with TypeScript shouldn't bring verbosity or too many type annotations. There are ways of making your typings concise and reducing boilerplate with stuff like type inference, control flow analysis and a few TypeScript libraries. In this talk, we'll follow a few recipes on how to use React (and part of its ecosystem, like Redux) in a functional way with TypeScript to make your code completely type-safe according to our new declare once, infer everywhere™ philosophy.

Transcript

1. State of the art React devлo t fl with TypeScript @ythecombinator #ReactNYC
2. Hi, I’m Matheus. @ythecombinator
14. Ok, Matheus, bring me something new!
17. ~ #1 ~ Typefying your State
18. ~ #2 ~ Typefying your Components
19. ~ #3 ~ Typefying your Styles
20. ~ #4 ~ Extra stuff
21. https://github.com/Hotell/rex-tils
22. https://github.com/piotrwitek/typesafe-actions
23. https://github.com/pauldijou/redux-act
24. https://github.com/piotrwitek/utility-types
27. Thanks, ReactNYC @ythecombinator