Webナントカ

╭( ・ㅂ・)و ̑̑ グッ !

React Native Meetup#5 に参加してきた

  • ReactNative触ったことなかったので、情報収集目的で参加した
  • あくまで、個人のメモ書きです
  • 誤字脱字、認識齟齬はご了承ください

概要

19:00    会場&受付開始
19:30-19:40 オープニング
19:40 - 20:00   Why not React Native    Pramendra Gupta
20:00 - 20:20   Our choice in ReactNative   joe_re
20:20 - 20:30   async/await 構文を使った Android とのブリッジ   nullpoo
20:30 - 20:40   Animated入門  nolick1219
20:40 - 20:50   react-navigation について   hotchpotch
20:50 - 21:00   ReactNativeで8個アプリを作って、1個リリースして、使ったおすすめツールを紹介  mat_aki
21:00 - 21:10   Web開発者がReact Nativeで開発から運用までして辛かった事 DotEarl
21:10 - 21:20   スポンサーLT
21:20 - 22:00   懇親会
22:00 - 22:30   完全撤収

所感

  • 普段RailsなどのWebを触っている人が多かった
  • Nativeのブリッジもできる
  • 少人数のWebエンジニアでネイティブアプリを書く際に使われるケースが多い
  • AndroidとiOS両方の事例が紹介されていた
  • Router周りの話多かったので、この辺りがHotそう
    • react-navigationが良さそう
  • 結局ネイティブのコードは触らざるを得なさそう

Why not React Native Pramendra Gupta

Why not React Native - EN // Speaker Deck Why not React Native - JP // Speaker Deck

  • ユーザも開発者の体験も良い
  • Micrsoftのクラッシュレポート
  • デモ
    • 物体認識アプリのreact native app
      • メガネを撮るとメガネのサジェスチョン
      • ハサミを撮ると挟むのサジェスチョン
  • Maya-kai
  • 今こそreact native!

Our choice in ReactNative joe_re

Our choice in ReactNative // Speaker Deck

  • freeeのエンジニア
    • 最近electronの本を書いた
  • 交通費の経費精算のAndroidアプリをreact nativeで実装した
  • クロスプラットフォームの話はしない
    • suica対応
    • iOSはまだNFCの読み取りAPIが開いていない
  • 3ヶ月 * 2人
  • webの知見で作れる?
    • nativeの資産を使う場合はnativeの知識が必要
    • List Viewとか
  • 効果的だった?
    • 今回の開発体制体に、正解だった
  • middleware
    • redux-promise-middleware
  • nativeアプリケーションとReduxStateとの相性は良い
  • routerはreact-native-router-flux
    • 不満はなかった
    • react-navigation良さそう
  • クラッシュレポートはCrashlytics
  • yarnによるlicensesコマンドで雛形を作ると良い
  • Railsのrails consoleのように扱えるnodeのREPLアプリケーションを作った

async/await 構文を使った Android とのブリッジ nullpoo

async / await 構文を使った Android とのブリッジ - Qiita

  • 音声入力するためにインテントを使って、処理結果を受け取りたい
  • Android側でjs側に公開するメソッド
    • @ReactMethodを付ける
  • パッケージを作成、登録
  • async awaitを使って、呼び出す
  • kotlinでもブリッジできそう?
    • アノテーション書けるからできると思う

Animated入門 nolick1219

  • 5月からreact native使い始めた
  • animatedValueを定義する
  • アニメーションのデモとAPIの解説
  • Animations

react-navigation について hotchpotch

ReactNativeで8個アプリを作って、1個リリースして、使ったおすすめツールを紹介 mat_aki

  • 1個iOSでアプリをリリースした
  • sonic gardenの人
  • ツールなどについて
  • Hot Reload
    • シミュレータでCmd+d
  • デバッガー
    • シミュレータでCmd+d
    • 実機だと振る
  • React Naative Debugger
  • Firebase
    • PUSH通知
    • 感想はもう一歩
      • 届いたかどうかの測定がいまいち?
  • CodePush
    • storeの審査なしにアプリをバージョンアップできる
  • Bugsnag
    • エラー検知
  • React Native Router Flux
  • Atom
  • eslint
  • Redux
  • Expo
  • Ducks
  • component色々
  • fastlane

Web開発者がReact Nativeで開発から運用までして辛かった事 DotEarl

  • toggetterの人
  • 辛かった点
    • 広告SDKの組み込み
      • 結局自分でBridge書いた
    • 結局ネイティブのコード触らないといけない
    • RNのアップグレード
    • 当時安定してなかった
  • 良かった点
    • Web感覚
    • 公開されてる機能で大体作れる

スポンサーLT