TS + React: Small guide📖

A Small Guide to use TypeScript with React.

Transcript

1. TS + React: Small guide
2. Sup Bro! I am Abner S. Alves Jr Developer at Codeminer42 2
3. 3 Type Safety
4. 4 Weakly Typed Strongly Typed
5. 5 Typing JavaScript
6. 6 Flow Stats || https://github.com/facebook/flow
7. 7 TypeScript Stats || https://github.com/Microsoft/TypeScript
8. 8 TypeScript What is TS?
9. What is TS? • Typed superset of JavaScript • Compiles to plain JavaScript • Open Source • Developed by Microsoft 9
10. 10 Key Features
11. Key Features 11 Data Types Interfaces Modules Generics
12. Why use it 12 Tooling and Community Team and code scalability Strict Null Checking Help avoiding issues in runtime
13. Common Issues 13
14. 14 Invalid value to an object key
15. Read invalid object key 15
16. How to start 16
17. 17 Installing react and react types npm install --save react react-dom @types/react @types/react-dom
18. 18 Installing TS and TS loader npm install --save-dev typescript awesome-typescript-loader source-map-loader
19. 19 Configure your webpack: http://bit.ly/react-webpack-ts
20. 20 Configure your tsconfig.json: http://bit.ly/tsconfig-react
21. Using on React 21
22. 22 React Class with TS
23. 23 React SFC with TS
24. Useful Links 24 https://basarat.gitbooks.io/typescript/content/ https://github.com/Microsoft/TypeScript-React-Starter http://www.typescriptlang.org/play/ https://github.com/DefinitelyTyped/DefinitelyTyped
25. Estamos em busca de novos colegas: become@codeminer42.com
26. Thanks! Any questions? @abnersajr speackerdeck.com/abnersajr abner.alves@codeminer42.com 26