「MixLeap Live Study #59 – React及其伙伴们」参与总结

首先

我参加了MixLeap Live Study #59 – React和其它相关主题的讨论,下面总结一下内容。演讲主题是关于React的讨论。

「使用 React + GraphQL 解决公司内债务的故事」- 藤本卓哉先生(Gemcook 公司)

這是一個實際使用GraphQL在工作中的故事。實際上使用了AWS的AppSync服務。講者談到了使用GraphQL開發聊天應用程式的經驗。這裡不會對GraphQL進行解釋,但如果你真的想深入了解,我們推薦這本O’Reilly的書籍。
在這裡,講者談到了在開發中使用GraphQL(AppSync)的好處和壞處。以下是對此的總結。

    • 良かったこと

エンドポイントの本数を減らせた
ドキュメントの管理コストがなくなった
必要なレスポンスを得られる
すべてをAWSで開発できた

悪かったこと

リゾルバーやマッピングテンプレートの管理方法の検討が必要になった
GraphQLの学習や実装コストが増えた
RESTで取得したくなる気持ちと戦う必要があった

学习GraphQL这种新形式的规范会具有较高的学习成本,但前端和后端的技术债务有所减少。

「React Hooks公开一年后的经验总结」— 西村爽(Gemcook有限公司)

您已经分享了关于引入React Hooks到业务中所带来的好处的故事。在Gemcook最初似乎使用了类组件和Recompose。但是,通过引入Hooks,可以简化状态管理,并且可以使用自定义Hooks来实现组件之间的逻辑共享。据您所说,实际使用的库如下:

    • react-use

 

    • react-table

 

    Formik

被提到了未来将成为主流的是提供自定义钩子的库。

当我在React/Redux中引入了Selector后,我变得很幸福。松井真子(来自Yahoo株式会社)的故事。

在会议上,有关开发React投稿工具的内容进行了讨论。主题是解决在开发投稿工具时遇到的一个复杂的验证实施问题。使用Reselect可以在传递状态之前对其进行验证,并且可以将实施划分开来。

「React × Unity」 的作者是青山 広大(来自雅虎株式会社)。

這個故事是關於使用react-unity-webgl來實現Unity和React的整合。利用這個庫,可以在React中調用用Unity編譯的源代碼。同樣地,也可以從Unity端調用React的代碼。

「通过使用React Native制作家庭账单应用程序所获得的收获」 – 西仲幸太先生(Yahoo株式会社)

正如標題所述,這是一個關於使用React Native開發家庭記帳應用程式的故事。根據経過,他們希望開發一個能進行複雜家庭記帳計算的應用程式。他們使用Redux來進行狀態管理,使用React Navigation來處理畫面導航,並使用Firebase來保存數據。據說使用這些工具可以加快應用程式的開發速度。

最后

由于介绍的工具大部分是我之前没有用过的,所以我想明天试试看(不论是否会去做)。个人而言,我想用AppSync来写一篇文章。

广告
将在 10 秒后关闭
bannerAds