「React Native Meetup #8」に参加してきました

• 2018/6/22
• https://react-native-meetup.connpass.com/event/88031/

ReactNative + Redux + NativeBaseでつくるサンプル実装をのぞく

• @fumiyasac
• https://github.com/fumiyasac/AnimationStyleSampleReactNative
• https://www.slideshare.net/fumiyasakai37/reactnative-redux-nativebase

現状の確認

• @janus_wel(farmnote)
• https://speakerdeck.com/januswel/xian-zhuang-que-ren

ReactNativeの2018/6

6/2 FacebookがRNやめる?

• FacebookがRNやめると噂が立ってるとtwitterに
  • Facebookのコントリビュート減ってるんじゃないか
• 中の人が否定
  • 大掛かりな変更してる

6/13 VueNative

• VueNative on ReactNative on React

6/14 非同期レンダリング

• RNの今後の方針発表
  • スレッドモデル変更してる
  • ブリッジの高速化簡素化
  • メジャーリリースの回数減らす
  • アプリ起動のパフォーマンスチューニング等ドキュメント整備する

6/20 AirbnbがRN撤退

• https://github.com/react-native-jp/react-native-at-airbnb-jp-translation
• RNを使う目的と合致しなくなった
• RNのメリットを代替するツールを開発できた

TypeScriptでreact-native-i18nを型安全に扱う

• @hotchemi(Quipper)
• https://speakerdeck.com/hotchemi/type-safe-i18n-on-rn

RN-i18n-ts

• https://github.com/quipper/react-native-i18n-ts
• 日本語とのマッピングのjson書いてく
  • キー名がどんどん長くなっていってしまう
  • それを解消するのがこのライブラリ
• 入力の補完が出るようになる
• typoも検知できる

expo縛りで旅アプリ&ハッカソン出場していく

• @hiroga_cc

Expoで作った

• 遠隔でも共有できる
  • QRコード
• すぐ動かせる
  • 直前までバグを直せる

デザインガイドラインを作るWebサービスを作っている話

• @sawada_tkys(merpay)
• https://speakerdeck.com/sawa_zen/react-native-meetup-8

React Promitives

• https://github.com/lelandrichardson/react-primitives
• プラットフォームごとで共通のAPIを使えるインターフェイス
• renderに対して同じViewを使える
  • Web, Native, SketchApp
    • react-dom, react-native, react-sketch-app
  • View, Text, Touchable, Image, StyleSheet

使い所

• デザイナーがSketchで作る
• それをWebやNative作る人がimport

やってみて

• 感想
  • 複雑なViewだと若干見た目に差異ある
  • デザイナーにReact書かせるのは酷
  • 型定義ファイルなくて不安
• to Cでは不安かな

じゃあどこで使えそうか

• 業務効率化ツール
  • スタイルガイドラインをWebで作れるツール
  • Sketchのプラグインとして出力できる
• デザイナーがGUIでできるから敷居が低い