react.js - 根据请求渲染动画帧

Question

我想试验一下我的应用程序中的一些React组件的性能。我知道ClojureScript的Om框架（https://github.com/swannodette/om）使用了一些优化技术，例如使用immutables来执行shouldComponentUpdate()并对​​进行渲染更改。

是否有普通的JavaScript mixin可以引入基于​​的渲染？

Answer 1

如果您使用诸如Browserify或webpack之类的东西从CommonJS环境构建React，或者以其他方式生成自定义版本的React，则可以这样做。也就是说，如果您只使用可下载的预构建的React，则不能。

退房皮特·亨特的react-raf-batching project一个更全面的解决方案（包括英国皇家空军polyfills），但这里有一个小例子，得到这个工作：

var ReactUpdates = require("react/lib/ReactUpdates"); 

var rafBatchingStrategy = { 
    isBatchingUpdates: true, 
    batchedUpdates: function(callback, param) { 
    callback(param); 
    } 
}; 

var tick = function() { 
    ReactUpdates.flushBatchedUpdates(); 
    requestAnimationFrame(tick); 
}; 

requestAnimationFrame(tick); 

ReactUpdates.injection.injectBatchingStrategy(rafBatchingStrategy);