「React&React Native入門者LT会 #3」に参加してきました

勉強会メモ

React Native Monthly

React Native Monthly

  • コミュニティ改善のための毎月やってる活動
  • 2017/6/14〜
  • メイン企業の動向
  • E2EテストにDetoxを使用しリリースプロセスの改善を検討
  • JSはシングルスレッドだからどっかとまるととまっちゃう
    • それの対応とか
  • Expo
    • バンドルせずに動かせる
  • snac
    • ブラウザ上でRN動かせるみたいな？
    • npmのサポート
  • MS
    • CodePush
  • reactotron
  • ライブラリの評価
  • DetoxInstruments
    • パフォーマンステストツール
  • skypeアプリはRN
  • ReactNavigationに徐々に移行？
    • まだ様子見も多い
    • 新しく作るならまあこれか

まとめ

  • ライブラリとか出揃ってきた
    • iosはあるけどAndroidは〜とか減ってきた
  • まだまだ出てきそう

React入門LT

  • uedy
  • 上田直樹さん(teratailの中の人)

React入門してみた話

  • 本の通りやっても非推奨だらけ
  • Reactがアドオンしてた機能が別パッケージ化とか非推奨化とか
  • StackからFibar
    • 仮想DOMの仕組みが変わる

Readable React

  • KONDO-Yuuki

Reactの可読性について

  • リーダブルコード
  • jsx(html的なあれ)を返すコードやめた方がいいんじゃないか
  • 不用意にprops展開しない方がいいんじゃないか
    • this.props.xxx
    • html的なタグの中に直接書く
    • スクリプトレット？
      • {...props}

How to Organize Your Team in RN Era

  • Yuya-Fujimoto
  • RN contributor

ReactとJSでnativeのアプリが作れる

  • Reactのパラダイムでネイティブコンポーネントを操作するもの
  • はnativeの世界のコード
  • はJSの世界のコード
    • だったけど実際の演算はnativeでやられるようになってきてる
  • JSとnativeの抽象化をどこで行うか制御できるのがRNのいいとこ
    • by arbnbのcontributor

アプリエンジニアがRNに乗り換えたら

どうしてRN

  • iosとandroidそれぞれエンジニアがいた
  • webがreact

どうやったRN

  • redux
  • react-navigator-router-flux
    • 等々
  • eslint
  • flowtype
  • codeclimate

どうだったかRN

  • ネイティブ目線で気になるところがある
  • 開発スピードは速い(ios,android)

どうするRN

  • 自動テスト、CI
    • mocha
  • デバイスに応じたデザイン最適化
    • デザインの段階でios,androidそれぞれ考えないと

こうしようRN

  • ビルド早い
  • エディタ軽い
  • 自分がほしいライブラリは誰もが欲しがってる

ReactNative事始めから簡単なサンプルを読み解くまでの実践記録ノート

初心者はまりどころ