React NativeにTypeScriptを導入する
nove-b
September 15, 2023
TypeScript 関係をインストールする。
上記コマンドでTypeScriptの依存パッケージをインストールする。
完了するとPackage.jsonが
から
に更新される。
tsconfig.jsonを作成する
Appのルートにtsconfig.jsonを作成し、
を記述する。
Tsxファイルの作成と動作確認
最後にJavascriptファイルを*.tsxに変換する。
> You should leave the ./index.js entrypoint file as it is otherwise you may run
> into an issue when it comes to bundling a production build.
と公式に書かれていたが、そもそもindex.jsを見つけることができなかったからドキュメントが古い?
App.tsxに型のない関数を書くとtsエラーが出たので、うまく機能していると思われる。
また無事にAppを開けたので、動作も問題ない。
ちなみに、
を使えば初期のApp作成時にTypeScriptを導入できるので、こっちでやるべきだった。
参考Using TypeScript
Discussion in the ATmosphere