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
実装は速くなった、レビューはどうする？ ― 自身のレビューをAIで再現させるサーヴァントエンジニアリングのすゝめ / Implementation got faster. So what about reviews? — An invitation to Servant Engineering: Recreating your own code reviews with AI
Avatar for nrs nrslib
8
4.4k
GoとSIMDとWasmの今。
Avatar for asuka askua
3
520
スキルと MCP ツール、責務をどう分けるか？ AI が迷わないインターフェース設計の戦略
Avatar for CData Software Japan cdataj
1
780
ChatworkとBPaaS 異なる特性で学んだAI機能開発の ベストプラクティス
Avatar for kubell kubell_hr
2
3.3k
Claude Code の Sandbox 機能を Anthropic Sandbox Runtime(srt) で試そう！/lets-play-anthropic-sandbox-runtime
Avatar for tomoki10 tomoki10
1
420
10倍の生産性を実現するAI駆動並列エージェントのすべて
Avatar for 熊井悠 kumaiu
4
1.2k
タクシーアプリ『GO』の実践的データ活用
Avatar for GO Inc. dev mot_techtalk
3
180
Agentic Web
Avatar for dynamis dynamis
1
200
生成 AI × MCP で切り拓く次世代 SRE！自律型運用への挑戦と開発者体験の進化
Avatar for _awache _awache
0
180
【Gen-AX】20260530開催_JJUG CCC 2026 Spring
Avatar for Gen-AX株式会社 genax
1
450
新しいVibe Codingと”自走”について
Avatar for watany watany
5
260
関西に縁あるMicrosoft MVPsが語るCopilotの未来
Avatar for Kaz Asada | しがない情シス kasada
0
1.2k

Featured

See All Featured
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
270
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
310
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
10k
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
13k
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
830
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6.2k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
860
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.3k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7.1k
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
420
Done Done
Avatar for chrislema chrislema
186
16k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k

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