This is a port of binarymuse's shouldComponentUpdate demo for React.

Using IncrementalDOM.skip method we can let an element act as a root which descendants don't need to be diffed for updates. Simply set a { skip: true, ... } attribute on such element. Generation of the descendants JSONML can be saved as well as it becomes irrelevant, though this is not mandatory.

Animation updates state for head item plus another random item, several ticks are batched before the next animationFrame collects them, this would be impossible to run at high fps without skipping the diff (the head is always animated to keep chrome's fps stats refreshing).

NOTE: since Chrome 46 creating more than 100 range inputs on touch enabled devices will destroy performance (interesting info about this here), to restore smooth performance "touch-action: manipulation;" is applied to the body in this demo.