鉴于React的API很小,为什么文件大小如此之大?

reactjs React.js

Davaid米亚

2020-03-12

这是数字

  • min + gzip 26k
  • gzip 90k
  • 原始450 + k

而且React在其文档中没有很多功能。为什么这么大?

我感觉这是轻量级DOM的实现。但我想确定。

第1302篇《鉴于React的API很小,为什么文件大小如此之大?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

2个回答
泡芙卡卡西 2020.03.12

React确实做了很多!React最大的非显而易见部分可能是事件系统-React不仅实现自己的事件分发和冒泡,而且还标准化了跨浏览器的常见事件,因此您不必为此担心。例如,SelectEventPlugin是一个内置事件“插件”,它提供一个onSelect事件,事件在所有浏览器中的行为均相同。

虚拟DOM实现确实需要的代码像样的数目为好; 在性能优化上花费了大量精力,这就是为什么未精简版本包含ReactPerf的原因,ReactPerf 是用于测量渲染性能的工具。在更新DOM时,React还为您做一些方便的事情,例如保持任何输入选择并保持当前滚动位置不变。

React还具有其他一些技巧。最酷的功能之一是,即使您没有浏览器环境,它也完全支持将组件呈现为HTML字符串,因此即使在加载JS之前,您也可以发送可以正常工作的页面。


您正在将React与什么进行比较?react-15.0.2.min.js43k (gzipped),但jQuery是33k,而jQuery ember-2.6.0.prod.js363k (also gzipped)显然,这些框架并没有做完全相同的事情,但是它们确实有很多重叠之处,因此我认为比较是合理的。

如果您担心下载大小,那么我不会太担心JS代码对此有所贡献。这是我现在在“堆栈溢出”页面右侧看到的广告:

它的下载大小为95k-我不会三思而后行地在页面中包含这样的图像,因为(即使我担心性能),通常还有很多其他与性能相关的问题可以解决,它们更有利可图。


简而言之,我不认为React有那么大,它的大小取决于它为帮助您而做的许多小事情。您将React的小API引用为React的代码应该小一些的原因,但是一个更好的问题可能是:“ React的API如此简单,考虑到它为您所做的一切,它怎么能这么简单?”

…但这是一个完全独立的问题。:)希望我回答了您的问题-如果没有,我很乐意扩展。

乐米亚 2020.03.12

有一些想法..我对它的大小有一些相同的担忧,但是使用它之后,不要开玩笑,如果它的大小为5MB,我会使用它。就是那样 也就是说,我确实决定减少对其他库的依赖。我在用jquery做两件事。.ajax和自动ajax响应和请求处理(beforeSend等),该处理将在登录后令牌在响应中处理,然后确保每个ajax请求在将其添加到Authorization标头之前发送。我用一个非常简单的本地javascript替换了它。效果很好。另外,我正在尝试使用_underscore。我已经用lodash代替了它,后者越来越小和更快,尽管目前我不使用它,所以可能会完全删除它。

这是一篇有关Google的文章,我发现其中有一些使用jquery的本机JS替代方法。

http://www.sitepoint.com/jquery-vs-raw-javascript-1-dom-forms/

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android