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

State of the art React development flow with TypeScript

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.

Matheus Albuquerque

October 25, 2018

More Decks by Matheus Albuquerque

Other Decks in Technology


  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