Brad Traversy - Youtube tutorials 06 - TypeScript Crash Course

Tutorial video on Youtube

01 - TypeScript basics:

TypeScript

- Superset of JavaScript
- Using types is completely optional
- Compiles down to regular JS
- Can be used with frontend JS as well as with backend Node.js
- Includes most features from ES6, ES7 (classes, arrow functions, etc)
- Types from 3rd party libraries can be added with type definitions.

PROS

- More Robust
- Easily Spot Bugs
- Predictability
- Readability

CONS

- More Code To Write
- More To Learn
- Required Compilation
- Not True Static Typing
- Popular

Commands

- npm i -g typescript // install
- tsc index // compile index.ts
- tsc --init // initialize tscconfig.json
- tsc // compile project

Basic types

• number
• string
• boolean

Arrays

Tuple

Tuple array

Union

Enum - enumerated type

Object

Type Assertion

Function

Void type

Interfaces

Type vs Interface

optional property

readonly property

Interface for function

Class

Interface for a class

Implement an interface on a class

Subclass

Generics

02 TypeScript & React

• npx create-react-app . --template typescript