What is rAF - How to Use requestAnimationFrame()

Learn more advanced front-end and full-stack development at: www.fullstackacademy.com
requestAnimationFrame() or rAF is a method for running animations in the browser. It takes a callback as an argument and allows you to render new changes to the DOM based on the function that you invoke it with. In this tutorial, we talk about what is rAF, how to use it, and we give a live code example where we animate an SVG created with Raphael.js.
Watch this video to learn:
- What is rAF
- The rAF recipe
- Code examples using requestAnimationFrame()

[@eqisoftcom]

Cool, thank you!

[@gurjotsingh4621]

How to alter the time period or "ms" ?

[@lavishly]

Like, totally, like like.

[@helium73]

It's the basic part that makes no sense to me. A callback to a function within the function itself. And now you are creating a function inside a string and now it's running?

[@stomperhk9107]

Yes, that is pretty WTF, but basically it keep calling/executing the function itself forever.

[@ManeelxAkosAdor]

I think this is a bit useless application, custom css rotate property looks far better

[@MsSoldadoRaso]

this is used more to make JS libraries . LOL

[@georghieronymus9935]

Had to use a library didn't ya... js library bloat is cancer.