С чем связана не полная загрузка Player'а?

Нет, консоль девственно чиста. Самое неприятное то, что подобное происходит именно после запроса к api. Другая страница на том же сайта, использующая тот же шаблон, но без apiшного запроса (videoid хардкод), спокойно рендерит видео. Как таковое все срабатывает корректно, iframe создается. Однако не приходит onready. Возможно apiшка дергает метод, которого нет в global scope. Однако никаких ошибок в консоли нет.

Как реализовать анимацию внутри компонента React?

Спасибо, хороший вариант.

Почему не работает overflow при трансформации?

Да, Вы похоже правы. Сам загнал себя в тупик.

Как быть с названиями классов?

Sergey Goryachev: Поставьте ещё один дефис после btn и будет по БЭМ, разве нет?

Как на onclick сделать два события?

function addcart() {
cart.add('50');
window.open('site.ru');
}

Кэп

Как заставить анимацию svg работать правильно?

Полагаю вас интересует что-то подобное, хотя я и не уверен - https://jsfiddle.net/57s1rw1x/72/
P.S. моих более чем скромных знаний js не хватило на определение viewbox height((

Почему кубик выходит за границу круга?

Простите, мы не об этом говорим - https://jsfiddle.net/x2ve9npL/ ?

Как создать триггер клика?

LebedevStr: Может у вас js подгружается быстрее, чем рендерится dom. Попробуйте через "window.onload".

Как реализовать эффект взрыва на мелкие части при наведении на svg путь?

Простите, если мой ответ покажется несколько нелепым либо неполным, я сам еще только учусь. На указанном сайте достаточно прозрачный javascript. Каждая буква состоит из svg прямоугольников, при наведении идет трансформация по x и y на случайную величину из заданного интервала ( функции в коде explodeLetter и implodeLetter ). Красивый резиновый эффект достигается через "transition: all 1500ms cubic-bezier(.17,.67,0,1.34)".