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

Convert a React Native Project to TypeScript in...

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
AWS Summit の片隅で、体育座りしながらコミュニティがにぎわう理由を考えた
Avatar for Kazuki Adachi k_adachi_01
2
370
AIDLC_ヤフーショッピングの取り組み
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
580
[2026-07-15] AI Ready なはずだったアーキテクチャと、見えてきた課題・次に目指す状態
Avatar for 和田 悠佑 wxyzzz
3
1k
AWS Blocks を触ってみた/first-tach-aws-blocks
Avatar for MURAKAMI Masahiko fossamagna
2
150
Terraform共通モジュールをチーム横断で“変えられる”運用へ ― リリースと適用の分離
Avatar for kekke-n kekke_n
1
2.3k
オブザーバビリティ、本当に活用できてる？ 〜API連携×生成AIで成熟度を自動評価〜
Avatar for dmmsre dmmsre
1
2.6k
テスト設計の本質を改めて考えてみる～生成AIを活用する時代だからこそ、作ったテストの説明性を高めよう～
Avatar for YAMASAKI Takashi yamasaki696
1
410
生成AIの活用/high_school2026
Avatar for Oka Natsuki okana2ki
0
120
貴方はどのエンジニアリングを磨くのか
Avatar for hatyibei hatyibei
0
110
ヘルスケア領域における AI 活用と その安全性担保のための取り組み (Leveraging AI in Healthcare and Our Efforts to Ensure Its Safety) - Google I/O Extended Tokyo 2026, July 11, 2026
Avatar for Akira Tameoka zettaittenani
0
240
脱金融のフューチャー・デザイン / Future Design Beyond Finance
Avatar for Kenji Saito ks91
PRO
0
140
DMM.com 購入改善推進チーム におけるCodeRabbitを用いた レビューフロー改善の一例
Avatar for Kanon ysknsid25
2
570

Featured

See All Featured
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
200
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
320
A Soul's Torment
Avatar for Nat Ma seathinner
6
3k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
160
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
260
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7.1k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
210k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.6k
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
1.4k
エンジニアに許された特別な時間の終わり
Avatar for watany watany
107
250k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6.2k

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