reactjs - 为什么 React 的 API 很小，但文件却这么大？

Question

这是数字

• 最小+gzip 26k
• gzip 90k
• 原始450+k

React 的文档中没有太多功能。为什么这么大？

我有一种感觉，这是轻量级DOM的实现。但我想确定一下。

Answer 1

React 的作用相当大! React 最大的不明显的部分可能是事件系统——React 不仅实现了自己的事件分派(dispatch)和冒泡，而且还规范了浏览器之间的常见事件，这样您就不必太担心它。例如，SelectEventPlugin是一个内置事件“插件”，它提供了一个 onSelect 事件，该事件在所有浏览器中的行为方式都相同。

虚拟 DOM 实现也需要相当数量的代码；在性能优化上花费了大量的精力，这就是为什么未缩小的版本包含ReactPerf，这是一个测量渲染性能的工具。在更新 DOM 时，React 还为您做了一些方便的事情，例如维护任何输入选择并保持当前滚动位置相同。

React 还有一些其他的技巧。最酷的一点是，即使您没有浏览器环境，它也完全支持将组件渲染为 HTML 字符串，因此您可以在加载 JS 之前发送一个可以运行的页面。

<小时/>

你将 React 与什么进行比较？ react-15.0.2.min.js 是 43k(gzipped)，但 jQuery 是 33k，而 ember-2.6.0.prod.js是 363k(也经过 gzip 压缩)。显然这些框架所做的事情并不完全相同，但它们确实有很多重叠，所以我认为这种比较是合理的。

如果您担心下载大小，我不会太担心 JS 代码对此的影响。这是我现在在 Stack Overflow 页面右侧看到的广告:

它的下载大小为 95k——我不会再三考虑在页面中包含这样的图像，因为(即使我担心性能)通常还有很多其他与性能相关的问题需要修复。利润丰厚。

<小时/>

简而言之，我不认为 React 有那么大，它的规模来自于它为你提供帮助的许多小事情。您引用 React 的小型 API 作为 React 代码应该很小的原因，但更好的问题可能是，“鉴于 React 为您所做的所有事情，它的 API 为何能够如此简单？”

……但这是一个完全不同的问题。 :) 希望我回答了你的问题——如果我没有回答，我很乐意扩展。