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

State of the art React development flow with TypeScript

97d21da8e0ffa8f81218a293482c253a?s=47 Matheus
October 25, 2018

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.

97d21da8e0ffa8f81218a293482c253a?s=128

Matheus

October 25, 2018
Tweet

Transcript

  1. State of the art React devлo t fl with TypeScript

    @ythecombinator #ReactNYC
  2. Hi, I’m Matheus. @ythecombinator

  3. None
  4. None
  5. None
  6. None
  7. None
  8. None
  9. None
  10. None
  11. None
  12. None
  13. None
  14. Ok, Matheus, bring me something new!

  15. None
  16. None
  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

  25. None
  26. None
  27. Thanks, ReactNYC @ythecombinator