参加了 ReactJS Tokyo,这次有业界 dalao ZEIT
参加。
Talk 1 - No compute
首先是例子说明了动态页面非常的慢,而 static 的内容无法满足商业等需求。事实上只要用 CDN 将内容放在里用户最近的 edge,然后正确使用 cache 速度就会非常客观。DEMO 中使用Notion
作为 CMS,Next
做BFF
(Backends For Frontends)同时达到静态内容的速度和动态内容弹性。介绍了 headers 的 stale-while-revilidate
Latency
Talk 2 - AMP support / Fast Bulid
What's AMP
AMP is a web component framework to easily create user-first websites/stories/ads/emails/.
Fast Bulid
之前每次会需要重新 build 非常消耗时间,对应开发了flying shuttle
的技术。使用了一个global cache module
。在开发过程中遇到了webpack
每次输不一致的问题,解决并提交了 PR。
Talk 3 - AirShift 的性能改善
这是一个兼职员工的工作时间/薪资管理 app,React
前端 + NodeBFF
构成,首先最初需要 13 秒非常的慢进而进行了分析。
发现以下问题
- 计算时产生大量
moment
的实例 reselect
库的错误使用导致大量rerender
解决
- lazyloading
- learning server
- comlink(web workers)