React native 環境構築
最近React Nativeを学習する機会があったのでメモ
expoを利用して環境を作る
初めてReact Nativeやる人はexpoでちゃちゃっと作ったほうがいいと思いました。
他にもいろんなやり方があるみたいですが、個人的にはexpoがおすすめ。
必要なもの
npmとnode
npmとnodeが自分のPCに入っているか確認する。
- npmの確認
$ npm --version
6.14.4
- nodeの確認
$ node --version
v14.4.0
早速インストール
といってもexpoは以下のコマンド一つでOK
$ npm install expo-cli --global
$ expo --version
3.22.3
expoプロジェクトの作成
$ expo init アプリ名
$ expo init ReactNativeApp
このコマンド一つでReactNativeのプロジェクトを作ってくれる。
expoの起動
$ expo start
でQRコードが出力されるので、それをスマホのカメラで読み込むと実機確認ができる。（Expoアプリ必要なのでスマホでインストールしておかないといけません）
尚且つホットリロードなのでUIを確認しつつ開発できる。