React Native Meetup #9 に行ってきたっ。

react-native-meetup.connpass.com

感想

自分react-native3週間くらいで参加。
環境構築とかリリースの話など癖がありそうな話を聞けて参考になった。

リリース前に知りたいネイティブのあれこれ @konoki_nannoki

speakerdeck.com

iOSAndroidディレクトリ、ファイル管理について。

アプリタイトルを分けて管理、
アイコンを分けて管理して、同端末にインストール。
ただし、debugだけれどリリースビルドしたいとかはやりづらくなる。
リジェクト例などなど。

React Native アプリを Web に対応させる @haripo

speakerdeck.com
github.com

ぷよしむ。

ルーティングが違う。
routing = URLとコンポーネントを結びつける。
react-native-navigation

コンポーネント(コンテナ | レイアウト) | 共通
ルーティングはアトミックでわけるイメージ。
コンポーネントは分岐される必要なかったのでやってない。
RealmにしてたAsyncStorageだったら分岐必要なかった。

多言語対応
iI8nがWebでは使えない。からわけた。

プラットフォーム分け
拡張子で自動的にスイッチ。
ifでもわけたり。
onPressとonClickが違うなど。

React NativeのレイアウトエンジンYogaの仕組み [追体験編] @ggtmtmgg

blog.engineer.adways.net
blog.engineer.adways.net
blog.engineer.adways.net

Yogaのissueをソースを追って直したよ。という話。

ペアプロ、モブプロやってます。
デバッグ力あがる。

SpannableString Android
NSAttributedString iOS
ネストからイベント範囲が広くなるの注意。
ここに詳しい
facebook.github.io

Webとネイティブで共通のReactコンポーネントを作ろう @kento_trans_lu

react-primitives
以下参考ページ
qiita.com

import問題
from はりぽさん
「cannot find module 問題、puyosim では @ts-ignore です。ワハハ」

github.com

Expoで本番運用をしてみよう @hmktsu

speakerdeck.com
react-native linkできなければ外部SDK使えない。

app.jsonシンボリックリンクで切り替え
なるほど。

sentry-expoでjs内のエラートラッキングする。
ネイティブは包括されているので無視。

ネイティブモジュールの作り方

speakerdeck.com

懇親会

Expo話をさせていただいた。
ネイティブ使えないとダメかなと思っていたけれどかなり大丈夫らしい。
ネイティブが本当に必要になるまでexpoにしてみよう。

数人の方とお話させていただいたけれど、react-nativeは使い始めな方が多かった。
それからFlutterの話なども少々。