Что получится при двух requestAnimationFrame

При последовательном вызове двух requestAnimationFrame браузер выполнит их в одном кадре анимации, но в порядке очереди. Это стандартное поведение event loop.

Пример:

requestAnimationFrame(() => console.log('Первый вызов'));
requestAnimationFrame(() => console.log('Второй вызов'));
// Выведет:
// Первый вызов
// Второй вызов

Важные нюансы:

1. Оба колбэка выполнятся в рамках одного кадра анимации
2. Порядок вызова соответствует порядку регистрации
3. Между вызовами не будет промежуточного рендеринга
4. Если внутри первого колбэка изменить DOM, изменения будут видны во втором колбэке