Я себе 5.alpha ставлю

package.json
"react-redux": "^5.0.7",
"react-router-dom": "^4.2.2",
"react-router-redux": "5.0.0-alpha.9"

Потом делаешь обертку в index:
import { ConnectedRouter } from 'react-router-redux'

<ConnectedRouter history={history}>
<App />
</ConnectedRouter>

History обязательно прокинуть.

Там же выбивает ошибку:
"checkout_alias_not_found"

Читайте доки api, скорее всего найдете или напишите им в саппорт и вам подскажут.

Например:

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

Для частиц использовать не % с position:absolute
А transform
Должно ускорить. А с частицами лучше всего использовать канвас.

Так же рекомендую посмотреть на gsap:
https://greensock.com

Посмотрите benhmark
https://greensock.com/js/speed.html

Вам нужно слушать событие onhashchange
И вызывать скроллинг при смене

https://developer.mozilla.org/ru/docs/Web/API/Wind...