Дмитрий Терентьев

const usersNode = document.querySelectorAll(".user");

usersNode.forEach(user => {
  user.addEventListener("click", click, false);
});

function click() {
  console.log(this);
}

В pipe заюзай оператор filter rxjs и отфильтруй значения с null.

https://www.learnrxjs.io/operators/filtering/filte...

Слушаем событие "mouseout" с блока меню и выполняем ev.preventDefault()

Могу посоветовать хорошее решение на основе VS Code.

https://microsoft.github.io/monaco-editor/ , есть в npm, а так же обёрки под различные фреймворки.

Пример под React https://github.com/react-monaco-editor/react-monac...

Чтобы взаимодействовать вам нужно написать rest-full методы, либо использовать другую из популярных технологий, например GraphQL.

Можете попробовать для этих целей nodejs framework express.

Вам нужно реализовать мартшрут на сервере, пример:

app.get('/get-data', function (req, res) {
 // запрос к базе
// нормализовать данные в нужный вам вид (json).
  res.send(данные);
});
// по маршруту /get-data вы получите данные из базы

https://expressjs.com/ru/guide/routing.html

По моему мнению нужно использовать первый вариант.
Вся суть Promise, что с начального состояния мы можем перейти в состояние
* выполнено (fulfilled): операция завершена успешно.
* отклонено (rejected): операция завершена с ошибкой.

по логике, если возникла ошибка при асинхронной операции, то мы должны сделать reject(errors) и в дальнейшем обработать исключение в catch().

Второй вариант может неправильно отработать в цепочке Promise.all(iterable), когда нужен явно выполненный результат несколько Promise.

Решение: https://jsfiddle.net/cgrk9jzf/26/