2017年 JavaScript 框架回顾 -- React生态系统

2018-07-22 474

前一篇文章中，我们介绍了2017年 JavaScript 框架的整体情况。我们也了解到在众多的前端框架中，目前最为庞大又在快速增长的当属 React 了，本文就来重点介绍 React 的生态系统。

首先看看与 React 有关的软件包的生态系统。在 Facebook 构建 React 之初，就有许多来自于开源社区第三方库的软件包。这些软件包使用 React 补充其它功能，以便提供完整的应用程序解决方案。当然，安装包中也存在着提供相似功能的彼此竞争关系。

React Router

丰富的 Web 应用程序具有的一个共同特点就是：提供了多个“路由”。这些“路由”本质上是不同的功能块，在浏览器中表现为单独的 URL。React 不需要为简单的应用程序使用路由，同时在一些桌面和移动应用程序环境中，路由也不是必需的。因此，React Router 虽然是最受欢迎的 React 应用程序的路由解决方案，但 React Router 的相对流行程度却只有 React 的一半。

了解 React 的开发者都知道，React 应用于一个明确定义的问题领域并具有明确定义的接口，这也使其本身可以应用于比原本设计的更广泛的应用领域。这种方式虽然增加了开发者使用 React 的 pool，但也进一步提升了 React，扩展了 React 的生态系统，创造了一个有益的循环。React 作为一个部分的解决方案，本质上是不如 Ember 和 Angular 这样的完整框架使用起来方便的。

Flux

React 作为一个非完整的解决方案，其中一个尚未解决的问题就是应用程序的数据层部分。当引入 React 时，Facebook 还推出了 Flux（一种管理应用程序中状态的方法）和 GraphQL（一种用于在客户端和服务器之间进行通信的系统）。这两者都不如 React 本身流行。

Flux 在 React 之后不久就被推出了，但却直到2015年中期才得到普及。在这期间，Flux 与 React Router 一起呈同步上升趋势，这也表明 Flux 和 React Router 正在网络应用程序中配合使用。但是，2015年中期之后，Flux 和 React Router 的轨迹发生了很大的分化，Flux 在受欢迎程度上缓慢下滑。

Redux

造成 Flux 受欢迎下降的一种原因是 Redux 的崛起。Redux 和 Flux 针对的是应用程序功能中完全相同的部分，Redux 于2015年中期正式推出，并且使用率迅速提高，而 Flux 则在同一时期开始逐渐下滑。Redux 现在几乎和 React Router 的相对流行程度相当，而且两者相互紧密相关，并且都越来越受欢迎。这也表明 Redux 已经取代 Flux 成为 React 网络应用程序中首选的状态管理系统。

MobX

MobX 是2016年中期推出的，也是 Flux 和 Redux 的竞争对手。虽然 MobX 的使用率还不高，但是目前正在快速增长，值得关注。

RxJS

RxJS 是 Flux 和 Redux 的另一个竞争的状态管理组件。RxJS 的流行情况不好统计。首先，RxJS 有两个现存版本，一个是传统版本 rx，一个是当前版本 rxjs。这两个版本下载量都很大，其中 rx 下载量正在下降，而 rxjs 下载量正在增长。

RxJS 的使用基本是作为其它项目子依赖的驱动，特别是对于 Angular CLI。这意味着所有使用 Angular 的驱动器，都需要使用相同的 RxJS。同时，RxJS 也被合并到其它一些流行的命令行工具中。

GraphQL

GraphQL 与 React 是由 Facebook 同时开发的，但是这两者之间并没有内在的联系。GraphQL 是 Web 客户端查询服务器数据的一种方式。GraphQL 通过名为 Relay 和 Apollo 的两个竞争库得到了普及，Relay 和 Apollo 提供了一个 Web 应用程序，用于生成 GraphQL 和管理数据流。

Relay 首先被发布，并且正在增长，但是半年后发布的 Apollo 却上升的更快，同时也越来越受到欢迎，并且增长速度还在明显加快。虽然 GraphQL 开发者使用量的绝对数还很小，但是 Apollo 的增长轨迹意味着 GraphQL 很值得开发者关注。

React生态系统概述

通过上图中 React 生态系统12个月的变化趋势，可以得到以下结论：

Apollo 的使用率正在快速增长。
Flux 的使用率正在下降。
React Router 和 Redux 都非常受欢迎，并且在使用中具有紧密相关的联系。
MobX 具有良好的增长，但其使用率还远没有到达 Redux。
React 本身的生态系统是巨大的。

JavaScript 开发工具推荐

SpreadJS 纯前端表格控件是基于 HTML5 的 JavaScript 电子表格和网格功能控件，提供了完备的公式引擎、排序、过滤、输入控件、数据可视化、Excel 导入/导出等功能，适用于 .NET、Java 和移动端等各平台在线编辑类 Excel 功能的表格程序开发。

原文链接：https://www.npmjs.com/npm/the-state-of-javascript-frameworks-2017-part-2-the-react-ecosystem

转载请注明出自：葡萄城控件

关于葡萄城

活字格由葡萄城公司研发、销售并提供技术服务。葡萄城公司成立于1980年，是全球领先的集开发工具、商业智能解决方案、管理系统设计工具于一身的软件和服务提供商。西安葡萄城是其在中国的分支机构，面向全球市场提供软件研发服务，并为中国企业的信息化提供国际先进的开发工具、软件和研发咨询服务。

原文发布时间为：2018年01月24日
原文作者：葡萄城技术团队

本文来源：开源中国如需转载请联系原作者

微信关注我们

原文链接：https://yq.aliyun.com/articles/617711

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

剥开比原看代码03：比原是如何监听p2p端口的

作者：freewind 比原项目仓库： Github地址：https://github.com/Bytom/bytom Gitee地址：https://gitee.com/BytomBlockchain/bytom 我们知道，在使用bytomd init --chain_id mainnet/testnet/solonet初始化比原的时候，它会根据给定的chain_id的不同，使用不同的端口(参看config/toml.go#L29)： mainnet（连接到主网）:46657 testnet（连接到测试网）:46656 solonet（本地单独节点）:46658 对于我来说，由于只需要对本地运行的一个比原节点进行分析，所以可以采用第3个chain_id，即solonet。这样它启动之后，不会与其它的节点主动连接，可以减少其它节点对于我们的干扰。所以在启动的时候，我的命令是这样的： cd cmd/bytomd ./bytomd init --chain_id solonet ./bytomd node 它就会监听46658端口，等待其它节点的连接。连上看看如果这时我们使用teln...

2018-07-23

655

1 V8的垃圾回收机制与内存限制 JavaScript与Java一样，由垃圾回收机制来进行自动的内存管理。对于性能敏感的服务器端程序，内存管理的好坏、垃圾回收状况是否优良，都会对服务构成影响。而在Node中，这一切与V8引擎息息相关。 1.2 V8的内存限制 Node中通过JavaScript只能使用部分内存（64位约1.4G，32位约0.7G）。V8对内存做了限制。因此这种限制下，将会导致Node无法直接操作大内存对象。 1.3 V8的对象分配 V8中，所有的JavaScript对象都是通过堆来分配的。可以使用以下命令查看Node中V8内存的使用量。 > $ node > process.memoryUsage(); { rss: 25939968, heapTotal: 5767168,//已申请到的堆内存 heapUsed: 4707312,//当前使用的量 external: 8671 } 至于rss为何物，我们会在下面介绍。 V8的堆示意图：限制内存原因：首先V8是为浏览器而设计的；前期足以满足网页端的需求；深层原因是V8的垃圾回收机制，垃圾回收耗时，引起...

2018-07-23

482

资源下载

更多资源

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。