Slide 1

Slide 1 text

Convert a React Native Project to TypeScript @amhinson In 10 Minutes Alex Hinson AIRSHIP AIRSHIP

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

@amhinson bit.ly/cr-typescript-slides = + Static Types & more

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

@amhinson bit.ly/cr-typescript-slides Loose Strict JS to TS 2 1 3

Slide 6

Slide 6 text

@amhinson bit.ly/cr-typescript-slides Loose Strict JS to TS 2 1 3 Just Make It Work

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

@amhinson bit.ly/cr-typescript-slides js-to-ts-converter .js .ts / .tsx

Slide 10

Slide 10 text

@amhinson bit.ly/cr-typescript-slides Just Make It Work ✦Create tscon=g.json ✦Allow Implicit "anys" ✦TS =le extensions 1

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

@amhinson bit.ly/cr-typescript-slides Loose Strict JS to TS 2 1 3 Just Make It Work Be Explicit! ✦Create tscon=g.json ✦Allow Implicit "anys" ✦TS =le extensions

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

3rd Party Libraries yarn add —dev @types/react-native

Slide 18

Slide 18 text

@amhinson bit.ly/cr-typescript-slides Loose Strict JS to TS 2 1 3 Just Make It Work Be Explicit! ✦Create tscon=g.json ✦Allow Implicit "anys" ✦TS =le extensions ✦No Implicit "anys" ✦Common Types ✦3rd Party Types

Slide 19

Slide 19 text

@amhinson bit.ly/cr-typescript-slides Loose Strict JS to TS 2 1 3 Just Make It Work Be Explicit! ✦Create tscon=g.json ✦Allow Implicit "anys" ✦TS =le extensions ✦No Implicit "anys" ✦Common Types ✦3rd Party Types Strict Mode

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

strictNullChecks

Slide 22

Slide 22 text

strictNullChecks

Slide 23

Slide 23 text

Loose Strict JS to TS 2 1 3 Just Make It Work Be Explicit! ✦ Create tscon=g.json ✦ Allow Implicit "anys" ✦ TS =le extensions ✦ No Implicit "anys" ✦ Common Types ✦ 3rd Party Types Strict Mode ✦ Enable Strict con=guration Slides: bit.ly/cr-typescript-slides Repo: bit.ly/cr-typescript-repo @amhinson Alex Hinson

Slide 24

Slide 24 text

Thanks @amhinson Alex Hinson AIRSHIP AIRSHIP Slides: bit.ly/cr-typescript-slides Repo: bit.ly/cr-typescript-repo

Slide 25

Slide 25 text

No content