Vlad Feninets

можно еще юзать готовые либы, например - https://github.com/chenglou/react-motion

https://egghead.io/courses/add-routing-to-react-ap...

по-идее вам должно помочь это - https://github.com/skozin/webpack-path-rewriter
нужно просто переопределить test: /\.js$/ через PathRewriterPlugin.rewriteAndEmit()
смотрите примеры и доку плагина.

tick вызывается каждую секунду, а в его теле есть setState, который после того как отработает, автоматически вызывает метод render(). Поэтому каждую секунду происходит ререндер вашего компонента

если у вас есть какие-то блоки с ошибками - можно проверять их кол-во
если их нет - то одну страничку открываем в новом окне, а текущую редиректим куда нужно

if( !document.querySelectorAll('.error-block').length ) {
	window.open("http://site.com/thx-page", "_blank");
	window.location.href = 'http://site.com/';
}

потому что под капотом работает VirtualDOM, который диффает некий объект с реальным DOM и в случае несовпадения откатывает все изменения в DOM.

попробуй инициализировать плагины через ref в самом реакте

заверните это все в

$(document).ready(function() {
     ...
 })

https://learn.javascript.ru/screencast/nodejs

var nodesArr = [].slice.call(document.querySelectorAll('div[class*="innerItem"]'));
nodesArr.map(function(item) {
   console.log(item)
   //....
})

подключают в основном в конце body, потому что важно сохранить последовательность загрузки и выполнения скриптов, например jquery, а потом какой-нибудь common.js, который юзает jquery.
+ в таком случае загрузка скриптов начнется уже в самом конце, когда пропарсился html.
Т.е. допустим у вас в head есть скрипт, который весит ~10мб, но он defer и не критикал (тобишь его можно потом догрузить лениво), в таком случае он начнет сразу грузится, а парсинг хтмл продолжится дальше, далее у вас в хтмл встречаются другие картинки, медиа-файлы и т.д. - но если у вас слабое соединение, то весь канал будет съедаться этим скриптом.

но в целом, если у вас стоит аттрибут - defer или async, то в принципе не важно куда вы подключите ваш script.

вот схемка разных вариантов подключения скрипта:
https://hospodarets.com/img/blog/14828583238612140...

если это ES6 import, то только после импорта можно ее вызвать

import { qtyInCart } from './qtyInCart.js'
qtyInCart(param)

если это requirejs, то

var qtyInCart = require("./qtyInCart.js")(param)

- canvas быстрее спрайтов/манипуляции DOM
- png спрайты быстрее svg спрайтов
- канвасами лучше управлять с помощью какой-то либы, вроде https://github.com/d3/d3