React Native Meetup#5 に参加してきた
- ReactNative触ったことなかったので、情報収集目的で参加した
- あくまで、個人のメモ書きです
- 誤字脱字、認識齟齬はご了承ください
概要
- React Native Meetup#5 - 2017/05/19
- connpass
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
- メガネを撮るとメガネのサジェスチョン
- ハサミを撮ると挟むのサジェスチョン
- 物体認識アプリのreact native app
- Maya-kai
- multi deviseでのQAテスト
- facebook/react-native: A framework for building native apps with React.
- 今こそ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
- 画面遷移数が少なければ不要
- アプリの構成が複雑になってくると、必要
- タブ、遷移情報
- Router + state管理
- js pureライブラリ、native実装ライブラリ
- native-navigationのreadme.mdに良いこと書いてあった
- react-nabigation
- 開発が盛ん
- pureJS
- stack / tab / drwerなどの必要なものが揃ってる
- 例を観る
- react-navigation/examples/NavigationPlayground/
- react-navigation/examples/NavigationPlayground at master · react-community/react-navigation
- クラス
- Router
- Navigation
- Navigator
- state
- 感想
- stateのツリーを理解できれば、大体思った通りに動く
- 素のreact native(state + props)ならすんなり使える
- pureJSは楽
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のアップグレード
- 当時安定してなかった
- 広告SDKの組み込み
- 良かった点
- Web感覚
- 公開されてる機能で大体作れる
スポンサーLT
- シューマツワーカー
- CureAPP
- メルカリ