react.js - Render on requestAnimationFrame

Question

私のアプリ内でいくつかのReactコンポーネントのパフォーマンスを実験したいと思います。私は、ClojureScriptのOmフレームワーク（https://github.com/swannodette/om）がshouldComponentUpdate()を実装し、​​のレンダリングでimmutablesを使用するような最適化テクニックを使用していることを知っています。

​​に基づいてレンダリングを導入できるプレーンなJavaScriptミックスインはありますか？

Answer 1

これは、Browserifyまたはwebpackのようなものを使用してCommonJS環境からReactを構築する場合、またはReactのカスタムビルドを作成する場合に可能です。つまり、はできません。これは、ダウンロード可能な、あらかじめ構築されたReactを使用している場合にのみ実行します。

ピート・ハントのreact-raf-batching project（RAFのpolyfillsを含む）より包括的なソリューションのためのチェックアウトが、ここではこの作業を取得するために、最小限の例です：あなたがしたい場合がありますいくつかの（solveable）コーナーケースがある

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