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