过去的这个周末,Wayfair主持第一次在东海岸召开的ReactJS会议。ReactBoston为期两天的旋风式会谈涉及方方面面,从受欢迎的、紧迫的(React Fiber)到意想不到的、令人震惊的(驾驶带有React的无人机;你听到的声音是观众的下巴都落在地板上了)。

作为一个相对的React新手——不到三个月前,我将我的第一个React代码投入生产——我有点担心大部分材料会超出我的理解能力。令我高兴的是,我发现绝大多数的演讲甚至对像我这样的反应初学者来说都是容易理解的:即使是更复杂的话题也为我提供了一个开始探索的立足点。这篇文章试图更广泛地分享其中一些,并提供一些资源让你深入了解更多。要总结这两天拥挤不堪的内容并不容易,但上周末出现了一些清晰的模式:

1)人们对反应纤维非常感兴趣。

4月宣布正式发布的本周,React Fiber (React 16的核心架构)是对React核心的完整重写,旨在实现更复杂的协调和渲染。光纤的服务器端呈现(SSR)方法特别值得注意;萨莎Aickin在他的主旨在周六重写带来了显著的SSR性能提升,很大程度上是因为现在Fiber在服务器端呈现时完全忽略了vDOM (SSR在之前生成并随后被忽略)。这样做的一个附带好处是,在服务器上生成的HTML更加清晰,没有过多的data-reactid这是我们所期望的。更多关于这方面的内容,以及跨不同版本Node的React 15和React 16的渲染时间基准测试,都在Aickin的版本中媒体发布主题。好奇服务器端渲染,但没有一个方便的服务器玩?娜塔莉Qabazard覆盖serverless苏维埃社会主义共和国在她的演示之后,这种矛盾修饰法很快就说得过去了。

反应15 vs 16基准

React 15 vs 16基准测试(来源:Sasha Aickin)

会议上还提到了纤维的其他一些好处:

  • 除了SSR性能的提高,光纤还可以通过调度来提高感知性能,让React将某些高价值的更新(比如动画)优先于低价值的更新(比如屏幕外发生的事情)。
  • 光纤引入了对SSR-ed内容进行流处理的能力,将到第一字节的时间减少到0。这有一些潜在的缺点,即很难同时处理异步加载的内容和流。Aickin提供了一个涉及占位符元素的解决方案,这些占位符元素由脚本标记填充,这些脚本标记在内容加载(包括同步vs异步流渲染演示),但这种方法仍然会让应用程序感觉有点破旧。
  • React 16组件可以呈现数组和字符串:不需要额外的包装元素。本Ilegbodu还指出,react-aux,它利用了这个新功能来创建一个只呈现子组件的组件(帮助在需要输出的情况下明确意图)。
  • 反应16个组件将呈现非标准属性。这对于特定于浏览器/供应商的属性、新的api React不知道的以及第三方库非常有用。
  • 光纤引入了“错误边界”,可以捕获和处理错误的特殊组件,防止在出现错误时卸载整个应用程序。

2) GraphQL正在崛起。

有几次讨论涉及到了GraphQL的各个方面,它允许客户端从服务器请求相关资源的特定形状,而不必触及多个REST端点(并且可能会过度或过少获取他们实际需要的资源)。Dhaivat迪亚列出了GraphQL的心理模型,它可以归结为三种思想:查询(让客户询问特定信息)、突变(让客户更新信息)和模式(定义可用信息类型及其关系)。罗伯特•朱接着是以《权力的游戏》为主题的互动演示GraphQL订阅,它让客户端在不引入轮询的情况下获得更新。(特别对GraphQL感兴趣?Wayfair的3D模型API是向公众开放!)

3)在反应中你几乎可以做任何事情。

波士顿反应提供了机会,不仅了解反应生态圈的关键发展,立即适用于日常工作;它还展示了一些最美丽的和最突破边界的反应的用途。

4)反应社区是温暖的,支持的,欢迎的。

最后一点与技术无关,更多的是与整个会议体验有关。我不是唯一一个对与会者和演讲者的友好和鼓舞人心的程度印象深刻的人:艾金指出,观众的问题是真正的问题相反的意见。演讲者认出了他们的同事、其他演讲者和台上的导师。多位演讲人发言第一个时间他们的讲话受到热烈欢迎和热烈掌声。bob网下载来自专家和新手的开源贡献被邀请,并且开源维护者为社区提供的巨大价值被邀请成功地承认。分享了文档和详细代码示例的链接(特别是Mark Erikson,他在他的第一次会议展示释放一个整齐有序的信息洪流关于Redux生态系统,也是由Robert Zhu介绍的GraphQL马塞尔也有谈论ReasonML等)。当我离开时,我对在48小时内被传授给我的大量知识感到不知所措,但我相信有资源和人愿意帮助我理解这一切。

* * *

比我上面提到的更多的发言者就从测试到地图和图表到内容迁移的主题进行了精彩的演讲。一个会议的高潮可以在YouTube上找到,还有详细的时间表

有兴趣了解更多关于React或加入波士顿地区的React社区吗?Wayfair主办ReactJS波士顿聚会大约每月一次。