Do you know anything about requestAnimationFrame, what is it used for?

requestAnimationFrame is a method of the browser API that allows for optimal execution of animations on the web. It queues a callback function to be executed before the next screen repaint.

Main advantages:

• Animation is synchronized with the screen refresh rate (usually 60 FPS), making it smooth.
• Saves resources as it does not run when the tab is inactive.

Example of usage:

function animate(time) {
  // update animation state
  // for example, change object position
  requestAnimationFrame(animate);
}

requestAnimationFrame(animate);

Thus, requestAnimationFrame is the best way to create smooth and efficient animations in the browser.