React native 環境構築

最近React Nativeを学習する機会があったのでメモ

expoを利用して環境を作る

初めてReact Nativeやる人はexpoでちゃちゃっと作ったほうがいいと思いました。
他にもいろんなやり方があるみたいですが、個人的にはexpoがおすすめ。

npmとnode

npmとnodeが自分のPCに入っているか確認する。

$ npm --version
6.14.4

$ node --version
v14.4.0

といってもexpoは以下のコマンド一つでOK

$ npm install expo-cli --global

$ expo --version
3.22.3

$ expo init アプリ名

$ expo init ReactNativeApp

このコマンド一つでReactNativeのプロジェクトを作ってくれる。

$ expo start

でQRコードが出力されるので、それをスマホのカメラで読み込むと実機確認ができる。（Expoアプリ必要なのでスマホでインストールしておかないといけません）
尚且つホットリロードなのでUIを確認しつつ開発できる。