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);