Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Convert a React Native Project to TypeScript in...

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Alex Hinson Alex Hinson
July 11, 2019
Technology
7.5k
0

Convert a React Native Project to TypeScript in 10 Minutes

Avatar for Alex Hinson

Alex Hinson

July 11, 2019

More Decks by Alex Hinson

See All by Alex Hinson
Rapid Cross-Platform AR Development with React Native
Avatar for Alex Hinson amhinson
0
21
The Final Push: Deploying React Native
Avatar for Alex Hinson amhinson
0
79
Rapid Cross-Platform AR Development with React Native
Avatar for Alex Hinson amhinson
0
200

Other Decks in Technology

See All in Technology
Building applications in the Gemini API family.
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
2.5k
DevOps Agentで始めるAWS運用 〜フロンティアエージェントが変える運用の現場〜
Avatar for nyankotaro nyankotaro
1
360
新規事業を牽引する技術選定 〜フルスタックTypeScript開発の実践事例〜
Avatar for Katsuma Narisawa nullnull
3
380
「気づいたら仕事が終わっている」バクラクAIエージェント本番運用の裏側 / layerx-bakuraku-aie2026
Avatar for Yuya Matsumura yuya4
19
11k
新しいVibe Codingと”自走”について
Avatar for watany watany
5
260
2026.06.13_AI時代に事業会社が「SIer出身エンジニア」を求める理由 / Why Businesses Seek Engineers with a System Integrator Background in the AI ​​Era
Avatar for jumpei_ikegami jumtech
0
980
AI活用を推進するために ファインディが下した、一つの小さな決断
Avatar for starfish719 starfish719
0
280
タクシーアプリ『GO』の実践的データ活用
Avatar for GO Inc. dev mot_techtalk
3
180
protovalidate-es を導入してみた
Avatar for 弁護士ドットコム bengo4com
0
160
トークン数だけでは測れない — Claude Code 組織展開の効果検証から学んだこと
Avatar for Masaki Kubota makikub
0
140
Socrates × Looker　〜セマンティックレイヤーで進化するデータ分析エージェント〜
Avatar for Uchide Hiroki(ucchi-) hanon52_
3
1.8k
[モダンアプリ勉強会]今更聞けないGit/GitHub入門
Avatar for つくぼし tsukuboshi
0
320

Featured

See All Featured
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
8.8k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.1k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
360
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
7k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
190
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
62
44k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
66
8.5k

Transcript

  1. Convert a React Native Project to TypeScript @amhinson In 10

    Minutes Alex Hinson AIRSHIP AIRSHIP
  2. None

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

  4. None

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

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

    Just Make It Work
  7. None
  8. None

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

  10. @amhinson bit.ly/cr-typescript-slides Just Make It Work ✦Create tscon=g.json ✦Allow Implicit

    "anys" ✦TS =le extensions 1
  11. None

  12. @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
  13. None
  14. None
  15. None
  16. None

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

  18. @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

  19. @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
  20. None

  21. strictNullChecks

  22. strictNullChecks

  23. 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

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

  25. None