【文件属性】：
文件名称：reflective-bind:消除由内联函数导致的React组件中的浪费性重新渲染
文件大小：108KB
文件格式：ZIP
更新时间：2021-04-14 02:08:30
react javascript performance babel-plugin optimization
反光绑定
使用反射绑定，您可以在渲染中*使用内联函数，而不必担心React纯组件的浪费地重新渲染。 它适用于无状态功能组件和类组件。 最好的部分是，它几乎不需要任何代码更改 :raising_hands:
，以获取有关反射绑定的动机和内部工作原理的更多信息。
绩效收益
对于Flexport较为复杂的形式之一，启用Babel变换可以将浪费的渲染时间从175ms减少到18ms。 根据您的应用程序的结构和使用纯组件的情况，您的里程会有所不同。
安装
npm install --save reflective-bind
使用babel插件
注意：插件的设计目标是保留代码的语义。 您的内联函数仍将在每个渲染中创建新的函数实例。 转换仅通过反射即可实现两个函数实例的相等性比较。
将其添加到.babelrc中的插件列表的.babelrc （必须在其他转换箭头功能和bind调用的插件之前运行）：
"plugins": [