React Native & Firebase 勉強メモ

Expoとは?

tech.maricuru.com ざっくりメリット:React Natvieの開発が簡単になる!

ざっくりデメリット:Expoが提供していないNativeのAPIが利用できない。
SDK API Reference - Expo Documentation

React Nativeで動かす。

Android使ってます。

facebook.github.io

  1. 上記チュートリアル通り、expo-cli をインストール。選択肢はblankじゃないと、なんかnativebaseが上手く動かなかった...
  2. AndroidにもExpoアプリをインストールする。
  3. QRコードが、ブラウザ上に表示されると思うので、それをExpoアプリで読み取る。(Androidは開発者モードにする必要があるっぽい)
  4. editorでなんか修正してみる
  5. 反映されてる!!

実機持ってない場合は、 docs.expo.io こちらを参考にしたらエミューレータでできるはず。(試してはない)

Firebase

動画を主に参考にした。

www.youtube.com

流れとして、

  1. NativeBase という UIコンポーネント集を使って、レイアウトを組む。
  2. Firebase のアカウント作る。
  3. ログイン、登録関数を作る。 って感じで簡単にできた...すごい...

他人に見せる

expo-cli で、 publish or repulish project とすると、QRコードが発行されて、expoアプリで読み取ると、作成したアプリが確認できる...すごい...