Typescript in React: HOW & WHY?
- 1. HOW & WHY? TYPESCRIPT IN REACT + by Saulius Skeirys
- 2. ABOUT ME ▸ saulius.dev ▸ https://www.linkedin.com/in/sauliusskeirys/ ▸ @saulske ▸ Software Engineer at +
- 3. WHAT IS TYPESCRIPT? + ▸ Microsoft TypeScript is an open-source programming language developed and maintained by Microsoft. It is a strict syntactical superset of JavaScript, and adds optional static typing to the language. TypeScript is designed for development of large applications and transcompiles to JavaScript. Wikipedia
- 4. TYPESCRIPT IN SIMPLE TERMS ▸ Superset of JavaScript developed by Microsoft ▸ Optional typing language ▸ Compiles to plain Javascript ▸ Easily integrated into JavaScript projects ▸ Designed for development of large applications +
- 6. WHAT TYPESCRIPT OFFER? ▸ Strong Typing ▸ Object Oriented Features ▸ Compile-Time Errors ▸ ES6 Features ▸ Great Tooling +
- 10. STATIC TYPING +
- 11. STATIC TYPING +
- 12. TS IN REACT +
- 13. WHY? ▸ Catch problems early ▸ Code intellisense ▸ Refactoring features ▸ Code lookup ▸ Linter
- 19. + CODE LOOKUP
- 20. BENEFITS OF USING TS IN REACT ▸ Readability and validation ▸ Interfaces ▸ Refactoring ▸ Less bugs ▸ Pushes developer to have correct workflow ▸ ECMAScript 2015 and future proposals support +
- 21. CONCERNS OF USING TS IN REACT ▸ Recruitment* ▸ On-boarding time* ▸ A bit difficult to setup ▸ Extra code ▸ TS vs. Flow? +
- 22. WHO SHOULD USE IT? ▸ Companies with sizeable teams ▸ Large Codebase ▸ Who loves typing
- 23. +