Getting Started with TypeScript

Alex Fenwood Hughes

Software Engineer @ Education First

alxhghs@gmail.com

Link to GitHub source code: https://bit.ly/2GoemsD

from The State of JavaScript 2018

Why TypeScript?

• Static typing 
• Avoid type errors
• Error checking as you code
• ES6/ES7 features
• Zero overhead

TypeScript, in a nut-shell

• Super-set of JavaScript
• Types (optional)
• Built by Microsoft

Basic types

• String
• Number
• Array
• Object

DefinitelyTyped

Type definitions for npm packages

https://github.com/DefinitelyTyped/DefinitelyTyped

https://definitelytyped.org/

https://microsoft.github.io/TypeSearch/

VS Code

• Great plugins
• TypeScript integration
• Free!

How to Get Started

from TypeScript in 5 minutes

React - Part I

Getting Started, again...

and a

Functional Component Example

React - Part II

Class Component Example

Resources

TypeScript in 5 minutes

React & Webpack with TypeScript

Migrating from JavaScript

Not convinced? 7 bad excuses for not using TypeScript

Alex Fenwood Hughes

Software Engineer @ Education First

alxhghs@gmail.com

Link to GitHub source code: https://bit.ly/2GoemsD