Fablog

社会人マイナス1年生のブログ / プログラミング / 料理 / ビットコイン

ReactNativeMeetUp #6 で学んだこと

ReactNative

最近自分が興味持っている分野でReactNativeというものがある ReactNativeとはFacebookが作ったReactを使ってモバイルアプリを作れるようにしたもの ReactNativeの良い点として

  • Web(っぽい)技術でモバイルアプリが作れる
  • iosandroidを1ソースで作ることもできる
  • WebView上で動くではなくNativeのViewを呼び出してくれる
  • ロジックに関してはwebとも共通化することもできる

があげられます。

むっちゃ便利じゃん!絶対はやるでしょ!

と思うのでReactNativeMeetUpという勉強会にて学んできました

ReactNativeで始める楽しいサービス開発 @YutamaKotaro

  • フロントエンジニアが余っててアプリエンジニアが居ないときにおすすめ
  • ios, android はViewを共通化することもできる
  • ios, andoid, web のロジックを全部共通化できる
  • 一部共通化で色んなレポジトリを扱うならmonorepoがいいよ
  • おすすめのライブラリ
    • formic, formをいい感じにしてくれる
    • react-native-push-notification
    • react-native-vector-icons
  • React native router flux の問題
    • React Navigation のAPIを使うようになった
    • つまりReactNavigationのラッパーになる
    • ので使うならReactNavigationの方が良さそう

ReactNativeの導入検討

  • DMM 英会話の話
  • Reactで作ってるらしい
  • ReactNative導入の問題点
    • 簡単に更新できない
    • 各国のカスタマイズ
  • どっちかというとアプリの問題点
  • ReactNativeが導入できるかは知らん、出来ると思う人は入社してくれ、という感じ

1ヶ月でのアプリ開発 地雷を踏み越えて

  • 沢山の地雷を踏んだらしい
  • displey:none がReactNativeのバージョンを上げると動かなくなった
  • Mobx お作法をわからずに書くとrenderが100回くらい呼ばれる
  • ReactNativeDebuggerでデバッグしながら最適化した
  • Reactを誰も使ったことがないから辛い
    • 1週間くらいで慣れた

Expoの話

  • Expoのいいところ
    • XcodeとかAndroidStudioとかを使わなくて良くなる
    • シミュレーターも要らない、QRコードを読み込めば実機でそのままデバッグ出来る
  • GUIぽちぽちすればいい
  • Expo SDK が充実しているので使うととても便利
  • ただ、NativeModulesが使えない
  • exp detach をするとNativeModulesを使えるようにできるけど、そうするとexpokitが使えなくなる

Expoの話 again @besutome

  • Expo思想の話
    • hello world をもっと早く
    • 実機確認をよりはやく
    • buildツールを1つに
    • expoに依存しない開発もできるよ
    • Nativeの機能は特殊な書き方になるけどできるよ(Expoが対応しているものは)

余談

懇親会でクラフトビールが配られていて最高だった🍺