Twitter基于React的网络协议栈媲美原生性能

最近,Twitter将他们的移动Web端迁移到了一个新的、基于JavaScript的网络协议栈中。同时,他们阐述了移动Web技术在与原生应用性能的对比中都有哪些优势。

\\

在一条非正式的Twitter动态中,Twitter的工程师Nicolas Gallagher提到,迁移工作已经完成:

\\
\

今天我们将Twitter所有的移动web端流量(听起来还挺多的)迁移到了我们新的网络协议栈中:Node.js、Express、React PWA(React渐进式网络应用)。

\\

——Nicolas (@necolas) February 8, 2017

\
\\

这条极其神秘的推特留下了许多未解之谜。其中最重要的是,“之前这些流量在什么上运行?” Ghallagher之后的推特解答了其中的一些谜团。

\\

针对那些已登录的用户,“新的”网络协议栈其实已经投入应用有九个月了。未登录的用户其实由一个不同的网络协议栈提供服务,这个协议栈是由Scala和Closure Templates组成。由React开发者们所认可的登录体验得到改善的时候会用回到新的协议栈。

\\

新的浏览器UI构建基于Node.js和Express,Node.js和Express用于处理服务器端。该应用程序如同渐进式Web应用 (Progressive Web App)被构建,渐进式Web应用通过Service Workers来支持即时页面加载、离线功能、消息推送等。目前的应用还不能支持所有这些特性,但是另一个Twitter工程师Paul Armstrong透露,Twitter将很快支持这些新特性。

\\

运行在服务器上的后端并不是React。Twitter工程师James Bellenger提到,“后端服务没有使用React的render函数,并且几乎没有使用react-router”,他还补充道,“这个服务中最难的一项任务是对json进行解析”。在这些推特中,Bellenger透露了这项服务是怎样工作的。对于初学者而言,它运行在当前Node.js的长期支持版本上,并且使用handlebars而不是render函数

\\

社区正在要求他们透露更多信息,比如,他们是如何应对处理站点的大量流量的。Stuart Langridge回复道,他想“看到一条(或者更多)的动态能解释这是怎么做到处理大量流量的,以及期间遇到的问题等等。”

\\

Ryan Johnson写了一篇对于Twitter的Redux存储的分析,其中有许多有趣的见解。在同InfoQ的谈话中,Johnson谈到,看了Twitter的实现,给了他对于技术的信心:

\\
\

我一直关心的一个问题是,对于Redux,到底处理多少数据才算多,到底能处理多少数据?你能看到,当你滑动Twitter或者收到新的推特动态时,Twitter会不断地处理数据。如果Redux能处理Twitter这么多的数据,我相信它能满足我的所有应用的需求。

\
\\

新的网络协议栈在移动端的性能是非常出众的。Johnson说到,“我发现移动端页面的流畅让人难以置信,在我看来,它能轻易取代原生应用。”

\\

新的Web应用能通过以下网址访问:https://mobile.twitter.com

\\

查看英文原文:https://www.infoq.com/news/2017/02/twitter-react-mobile-stack

\\

感谢冬雨对本文的审校。

\\

给InfoQ中文站投稿或者参与内容翻译工作,请邮件至editors@cn.infoq.com。也欢迎大家通过新浪微博(@InfoQ@丁晓昀),微信(微信号:InfoQChina)关注我们。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值