Does React use requestAnimationFrame? If so, how does it use it?

javascript requestanimationframe reactjs
Sebastien Lorber picture Sebastien Lorber · Jan 25, 2014 · Viewed 8.6k times · Source

I found 2 sources where it kind of says that React is using requestAnimationFrame On this blog post about Om, a ClojureScript framework on top of React. Also on the comments of this SO answer.

I'm not sure it's part of React or if people are using it with React.

Can someone tell me what how requestAnimationFrame is used in React if it is? Or how it can be used with React and why I would choose to use it with React?

Answer

Paul O'Shannessy picture Paul O'Shannessy · Jan 28, 2014

React doesn't currently use requestAnimationFrame to do DOM updates (as we call it, the "batching strategy"). The batching strategy is injectible though so it's possible to use something else. Om makes use of that possibility and uses requestAnimationFrame to batch DOM updates.

Related questions

How to create an animated counter in React.js?

I'm looking for a way to animate a counter in React. For the sake of the example, I have 3 components of the following structure: Master: logicComponent Counter (Master is the parent of logicComponent and Counter) The logic component passes a …

Read More
Controlling fps with requestAnimationFrame?

It seems like requestAnimationFrame is the de facto way to animate things now. It worked pretty well for me for the most part, but right now I'm trying to do some canvas animations and I was wondering: Is there any …

Read More
$(window).scroll in vanilla JavaScript

What's the equivalent of the following in plain JS? $(window).scroll(function() { }); I'm also looking to animate scroll, e.g.: $('html, body').animate({scrollTop:1750}, 'slow'); Should I be using requestAnimationFrame? http://paulirish.com/2011/requestanimationframe-for-smart-animating/ Are there any examples that trigger …

Read More