セッション

• オープニングトーク @sasurau4
• スポンサートーク @toshi__toma
• effectorを使い倒してreduxの代わりになるかを検証する @remsleep_zzz
• react-reduxで追加されたHooks APIの良い所と使い方 @camcam_lemon
• 新米エンジニアがライブラリを作ったらチョット成長できた話 @mogamin3

オープニングトーク @sasurau4

スポンサートーク @toshi__toma

サイボウズ フロントエンドエキスパートチームとOSSの管理について

次のツールでOSS管理コストを減らす 現在は月1で複数OSSをpublishできてる

• Renovate(アップデート自動PR作成)
  • https://renovatebot.com/) renovatebot.com
  • https://www.slideshare.net/teppeis/automated-dependency-updates-with-renovate-102769685
• Dependabot(Githubが脆弱性のある依存ライブラリに対して警告する)
  • https://dependabot.com/) dependabot.com
• Pull Panda(teamアサイン後にPull Assigner機能を利用してバランス良くメンバーに割り当てる)
  • https://pullpanda.com/) pullpanda.com
• Standard Version
  • npmパッケージのリリースは結構たいへん
    • lint、testを走らせる
    • versionフィールド更新、CHANGELOG作成、Github tag作成
    • ようやくnpm publish
  • リリース用のnpm scriptsを作成して負担を軽減しよう！
    • https://github.com/conventional-changelog/standard-version

effectorを使い倒してreduxの代わりになるかを検証する @remsleep_zzz

• メリット
  • 通信周りの実装楽
  • Redux使いにとっては学習コストが低い
  • うまくDomain切れればページ単位で読み込むデータ量は減る
• デメリット
  • Domainの考え方むずかしい
  • devtoolない
• まとめ
  • Domainという概念が大規模アプリで発揮できそう
  • hooksに近い心地
  • Devtoolあれば捗るのにな
• 結論
  • Reduxの代わりはまだはやい(大人数には。今後に期待)

react-reduxで追加されたHooks APIの良い所と使い方 @camcam_lemon

react-reduxで追加されたHooks APIの良い所と使い方

react-reduxで追加されたHooks APIの良い所と使い方

• react-reduxのHooks何が嬉しい
  • HoCからの完全脱却
  • 圧倒的にconnectしやすい
  • TS型地獄からの開放
  • custom hooksデメリットなくなった
• まとめ
  • mapStateToProps ⇒ userSelector
  • mapDispatchToProps ⇒ useDispatch
  • Container Componentの作成しやすくなった
  • custom hooksとの相性がよい

新米エンジニアがライブラリを作ったらチョット成長できた話 @mogamin3

• 新卒がつくった
  • https://t.co/R65GTMTjsU
• スターがほしい！
  • https://github.com/uutarou10/react-native-snack
• 開発理由：もともとはこれを使っていたがOS依存が多かった
  • https://github.com/cooperka/react-native-snackbar