В первую очередь нужно хорошо понимать JS, именно не выучить, а понимать. Область видимости, наследование, контекст, замыкания. Типы данных, как с ними работать. Потом разобраться с ES6. https://learn.javascript.ru/ в этом плане как оглавление, дальше по всему интернету искать статьи и видеокурсы на ютубе, главное брать и самому делать примеры из статей без подсказок и только потом смотреть готовое решение и сравнивать. Консолить, консолить и консолить. Дальше, когда разберетесь с чистым JS, учить уже фреймворки React, Angular, Vue

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

https://jsfiddle.net/zdvocbL8/

componentDidMount(){
        document.addEventListener("keydown", this.actionFunction, false); 
}
componentWillUnmount(){
        document.removeEventListener("keydown", this.actionFunction, false);
}
actionFunction(event){
        if(event.keyCode === 27) {
           (нажали esc - выходим из режима движения и так далее)
        };
}