TECH STAND #8 React Native & React 2022/06/03 イベントサマリー
2022/06/03 に開催した stand.fm 主催の TECH STAND #8 React Native & React イベント登壇内容をまとめた記事です。
当日のYoutube Liveのアーカイブ動画はこちらからご覧ください！
タイムスケジュール
| 時間 | 内容 | 発表者 |
|---|---|---|
| 19:00~ | オープニング挨拶 | --- |
| 19:05~ | 発表① Fabric Renderer について | 株式会社stand.fm Jesse Katsumata (@natural_clar) |
| 19:20~ | 発表② React NativeアプリにStorybook CSF3.0を導入しよう | 株式会社NoSchool 名人 (@Meijin_garden) |
| 19:35~ | 発表③ 個人開発でReact Native + Expo製アプリを作った話 | 株式会社ディー・エヌ・エー 中江 亮 (@ryo_dg) |
| 19:50~ | 発表④ ReactNativeでコンポーネント設計と状態管理に悩んだ話 | スターフェスティバル株式会社 吉藤 徹 (@zerosant) |
| 20:05~ | sponsor LT | 株式会社stand.fm 共同代表 河合真吾 (@kawawai) |
| 20:15~ | 小休憩 | --- |
| 20:20~ | 発表⑤ 実録！React Native for Webでのアプリ開発！！！ | menu株式会社 林晃一郎 (@yasahhi1127) |
| 20:35~ | 発表⑥ React18とUX | 株式会社マネーフォワード 石山 怜生 (@NaReto1125_) |
| 20:50~ | 発表⑦ Reactアプリケーションのテスト戦略について | 株式会社スタメン 永井洸気 (@0906koki) |
| 21:05~ | アフタートーク（質疑応答などのディスカッション） | ご登壇の皆さん |
| ~21:30 | 終了 | 終了時刻は変動する場合がございます |
発表① Fabric Renderer について
発表内容
React Native 0.68 から opt-in になった Fabric Renderer について概要を説明します
プロフィール
株式会社stand.fm エンジニア Jesse Katsumata
普段は TypeScript を書いてるフロントエンドエンジニア。
OSS 活動の一環として、 React Native Community で React Native 周辺モジュールのメンテナンスをしている。
2021 年 6 月に stand.fm に転職。
Twitter: @natural_clar
Github: @Naturalclar
発表② React NativeアプリにStorybook CSF3.0を導入しよう
発表内容
弊社のReact NativeアプリにStorybookを導入した事例をLTします。
StorybookはCSF3.0で記法が非常にシンプルになったため書きやすくなりましたが、React Native対応はWebより対応が遅れているのが現状です。
その点について弊社でハックした実例と、登壇時点でのRN対応の最新情報をお話します。
プロフィール
株式会社NoSchool CTO 名人
マナリンク」というオンライン家庭教師検索サイトと、オンライン指導アプリを開発・運営しています。
以前はVue派でしたが、1年半ほど前からReact Nativeアプリの開発をきっかけにReactにもハマりました。
好きな言語はTypeScript、好きなお酒はラムと日本酒、好きなゲームは将棋です。
Twitter: @Meijin_garden
GitHub: @TeXmeijin
発表③ 個人開発でReact Native + Expo製アプリを作った話
発表内容
VioletというTumblrクライアントアプリをReact Native + Expoで作りました。
その際のもろもろや、React Nativeでいい感じのUIを構築するためのポイント、ExpoのHermesとEAS Build/Submitあたりについてお話しようと思います。
プロフィール
株式会社ディー・エヌ・エー デザイナー・グループリーダー 中江 亮
株式会社ディー・エヌ・エーで新規事業を中心にデザインとマネジメントをしています。
フロントエンドの実装もすることがあります。個人開発ではWebサイトを作ったり、アプリを作ったり、Figmaプラグインを作ったりしています。
趣味はキーボードの自作。
Twitter: @ryo_dg
Github: @ryonakae
発表④ ReactNativeでコンポーネント設計と状態管理に悩んだ話
発表内容
昨年はじめてReactNativeでアプリを開発したときに、コンポーネント設計と状態管理に頭を悩ませました。
その時の体験を、Web開発しかしてこなかったエンジニアの視点からお話します。
プロフィール
スターフェスティバル株式会社 ソフトウェアエンジニア 吉藤 徹
スターフェスティバル株式会社でソフトウェアエンジニアをしています。
普段はTypeScriptでNode.jsやReactを書いています。
Twitter: @zerosant
Github: @yoshifujiT
発表⑤ 実録！React Native for Webでのアプリ開発！！！
発表内容
モバイル版のmenuはReact Nativeで開発されていますが、WebView版のmenuアプリは実はReact Native for Webで開発されています。
今回は、このWebView版のmenuアプリを開発する上での体験談をお話します。
プロフィール
menu株式会社 エンジニアリングマネージャー 林晃一郎
menu株式会社でフードデリバリーサービス「menu」を開発しています。
毎週ジャンプを読む少年です。
Twitter: @yasahhi1127
GitHub: @kou1127h
発表⑥ React18とUX
発表内容
React18の個人的目玉内容と、それによって改善されるReactから見た2つのユーザー体験のお話をします。
プロフィール
株式会社マネーフォワード 個人事業主本部 プロダクト開発部 フルスタックエンジニア 石山 怜生
株式会社マネーフォワードで「マネーフォワード クラウド確定申告」の開発をしています。
フロントエンド設計の話やGraphQL周りの話が好きです。
サーバーサイド開発も頑張っています。
Twitter: @NaReto1125_
GitHub: @reo777
発表⑦ Reactアプリケーションのテスト戦略について
発表内容
弊社スタメンでは FANTS というオンラインファンサロンを運営しており、フロントエンドをReactで実装しています。
今回はReactアプリケーションでテストを実装するにあたり、弊社スタメンではどういった方針を立てているのかを話したいと思います。
プロフィール
株式会社スタメン シニアエンジニア 永井洸気
株式会社スタメンで、FANTSというオンラインファンサロンアプリのフロントエンドを担当しています。
コンポーネントを作るのと筋トレが好きです。
Twitter: @0906koki
GitHub: @NagaiKoki
アフタートーク / 質疑応答
アフタートークでは、視聴者のみなさんから頂いた質問に答えたり、ディスカッションをしました。たくさんの質問をいただき、各社のReact Native / React での開発面において、悩みどころや知見を共有する有意義な時間となりました・
ぜひ、アーカイブ動画をご覧ください！
さいごに
今後も、stand.fmでは定期的にテーマを決めて技術イベントを開催する予定です。
ご興味あるかたは、connpass または Twitter で情報を配信していきますので、ぜひフォローお願いします！
テックブログなどの更新も Twitter で定期的にお知らせします。
stand.fm では積極的にエンジニアを募集しています！
stand.fm の中のエンジニアと話したい方は、Meetyからお気軽にどうぞ！
Discussion
タグについて、
reactnaiveをreactnativeへ修正いただくことをご検討ください🙏