hzzzzl

try {
  const result = await redis.asyncGet(token)
} catch (e) {
  console.log('ooops', e)
}

ну или по старинке

redis.asyncGet(token)
  .then(result => { ... })
  .catch(error => { ... })

ты напрямик меняешь data, а а надо менять ее через changeData

data.push({ id: 5, name: 'Saint-Petersburg' });
changeData( data );

вот так заработает
https://codepen.io/anon/pen/QoBLKo

как-то так, только еще поколдовать чтобы duration пересчитывался для каждого видео свой
а если все видео одной длины, то можно и не колдовать наверн

videoSources= [src1, src2, src3]
current = 0
video.src = videoSources[current]

setInterval(function() {
    video.src = videoSources[current]
    current = (current + 1) % videoSources.length
    if (table.style.display === 'none') {
      table.style.display = 'table';
      video.style.display = 'none';
      video.pause();
      video.currentTime = 0;
    } else {
      table.style.display = 'none';
      video.style.display = 'block';
      video.play();
    }
  }, video.duration)

никак иначе, только в цикле
(да и ладно много модификаций, сколько там таких кнопок, 1000 что ли, не должно влиять на производительность)

document.querySelectorAll('.button-to-disable').forEach(btn => btn.disabled = true)

вот 4 способа создать функцию из строки, 1 2 4 подойдет каааак бы наверно
https://stackoverflow.com/a/28011280

это чтобы поиграться с языком, или случай из жизни?
если из жизни, то может лучше заиметь модуль с функцией, который импортировать в реакте
import { ValidateJson } from '../utils/functions.js'

s = "const routes = [  { path: '/', name: 'home' },  { path: '/dashboard', name: 'dashboard' },]"
const routes = eval(s.split('=')[1])   // всё после '='

я бы сначала забил в базу (или просто в код) готовый комментарий lorem-ipsum, и когда его научился бы красиво рисовать на сайте, то только тогда бы делал форму и функционал добавления комментов,

то есть сначала отображать готовые, а форма уже в последнюю очередь

я удалил кусок кода, в общем добавляешь аттрибут data-form=* на нужные дивы, и потом слушаешь смену значения в inputах например
https://jsfiddle.net/gb37or04/

$(document).ready(function() {
  $(function() {
          var item = $('input');
          item.change(function() {
          	const formNumber = $(this).closest('.catalog-price-size').data('form')
          	console.log('item change', matrix[formNumber])  
      		});
  });
  
          $("input[type='number']").change(function() {
              var max = parseInt($(this).attr('max'));
              var min = parseInt($(this).attr('min'));
              if ($(this).val() > max)
              {
                  $(this).val(max);
              }
              else if ($(this).val() < min)
              {
                  $(this).val(min);
              }

          });
      });
      

      var matrix = [
          // цены для первой формы
          [185, 190, 195, 240, 272, 300, 330],
          // цены для второй формы
          [230, 248, 266, 351, 385, 421, 457],
      ]

у https://www.imdb.com так, судя по react dev tools в хроме - на реакте только рейтинги и прочая мелочевка

(SPA - single page app)

да нормально всё, читаемо и понятно что происходит
так "короче", но лучше ли

const parseUserName = userName => userName.replace(/ (.*)$/, match => match.substr(0, 2) + '.')

а если охота сократить, то лучше так без регекспов

parseUserName = userName => {
  const [first, last] = userName.split(' ')
  return `${first} ${last[0]}.`
}

так и должно быть, ведь поля _id title итд в объекте перезаписываются, не может быть у одно объекта несколько полей с одинаковым именем

как должен бы был выглядеть финальный объект после reduce?

может быть ты хочешь просто

collection.find({}).toArray(function(err, tasks){
  if(err) return console.log(err);
  res.send({ tasks });
  console.log("Данные отправленны");
})
});

только тогда вообще незачем toArray, можно сразу объект с результатом посылать например
collection.find({}).then(data => res.json(data))

вот тут что-то одно будет длиииинной зеленой линией, это как раз то что долго грузится

не надо XMLHttpRequest в наше время, делай fetch по интервалу
https://learn.javascript.ru/fetch
https://developer.mozilla.org/en-US/docs/Web/API/F...

XMLHttpRequest не сработает, потому что он "одноразовый", и надо каждый раз этот объект создавать, а не вызывать open/send много раз

ajax поэтому так и называется что он а-синхронный, то есть function(data) {} выполнится только когда data вернется в ответ от /url

попробуй

var measures = "";
$.get('/url',param,function(data) {
  measures=data;
  console.log(measures)
});

самое простое решение? не использовать jquery

const data = await fetch('/url')   // дописать параметры типа /url?param1=100
const measures = await data.json()   // или data.text(), если там возвращается текст

https://www.humaaans.com/