React and Typescript – How They Fell in Love

Presentation from Microconf (25.07.2018)

Transcript

1. React and Typescript – How They Fell in Love with Aleksander Stós, SwingDev’s Front-end Developer
2. 7 months journey
3. ! What I’ve built?
5. Almost 180 redux related/utils files
 Around 250 views/components "
6. Typescript
9. What are the benefits?
10. Code refactor
15. 
 Code understanding
16. Documentation
17. https://github.com/google-map-react/google-map-react
21. Code maintenance
 & your teammates
23. IDE Support
24. Visual Studio Code
25. Webstorm
26. TSLint
28. tslint.config My recommendations https://palantir.github.io/tslint/
29. tslint-microsoft-contrib https://github.com/Microsoft/tslint-microsoft-contrib
30. Supported rules with descriptions https://github.com/Microsoft/tslint-microsoft-contrib#supported-rules
31. tslint-react https://github.com/palantir/tslint-react
32. Do not be afraid to override some of the rules for more flexibility
33. * Is it hard to learn Typescript?
35. Should you use Typescript in your React projects?
36. Yes +
37. • Speed up your & your friends work • Less bugs & errors • Less stress while making changes • More readable and easier to understand code
39. Further reading • Typescript documentation • How & why: A guide to using Typescript with React • Best practices for using Typescript with React • Ultimate React Component Patterns with Typescript 2.8 • HOC Example • HOC Another Example
40. #microconf https://twitter.com/alestosiu https://medium.com/@stosiu https://github.com/Stosiu #warsawmicroconf
41. Thank you!