Егор Живагин

Потому что Array.forEach не имеет собственного результата и возвращает undefined.
Array.forEach используют, когда нужно сделать какие-то действие с каждым элементом массива, при этом новый массив не получается. Если нужен новый массив внутри именно forEach, то его нужно формировать вручную типа такого:

let abc = [];
arr.forEach(element=>abc.push(Number.parseInt(element)));
console.log(abc)

const deletePromises = ids.map(id => {
  return new Promise(resolve => {
    return this.delete(id).then(data => resolve(data))
  });
});

Вот это бессмысленное использование new Promise. this.delete(id) это уже промис, так что это код переписываем в

const deletePromises = this.data.map(item => this.delete(item.id));

Дальше то же самое.

return Promise.all(deletePromises).then(() => {
  runInAction(() => {
    this.data = [];
  });
});

А теперь перепишем это на async/await

async deleteAll() {
  const deletePromises = this.data.map(item => this.delete(item.id));
  await Promise.all(deletePromises);
  runInAction(() => {
    this.data = [];
  });
}

UPD: почитал https://mobx.js.org/best/actions.html#async-await и исправил

И - иммутабельность:

this.setState(({ events }) => ({
  events: events.map(n => n.id === id ? { ...n, title: newTitle } : n),
}));

if(rad[i].src=="1.png"){
  ...
} else ...

В любом из вариантов всегда происходит условие для if, else просто игнорируется. В чём причина понять не могу

Ты ошибаешься, у тебя происходит условие для else,
потому что rad[i].src при проверке равен не "1.png", а
"http://www.полный-адрес/1.png"

вот переделал, чтобы проверка была с последней частью адреса

function change(){
  let rad = document.querySelectorAll('.red');
  for(let i=0, len=rad.length; i<len; i++){
    if(rad[i].src.split("/").pop()=="1.png"){
      rad[i].src="2.png"
    } else {
      rad[i].src="1.png"
    }
  }
}

https://jsfiddle.net/r37ck8oq/

Вот ты с выделением ячейки справился. Молодец. Теперь задай для выделенной ячейки 8 теней синего цвета и позиционируй как надо.

input[type="radio"]:checked + label {
    background: #FF0000;
    box-shadow: 60px 30px 0 0 blue, 60px -30px 0 0 blue;
    position: relative;
    z-index: 1;
}

Можешь даже анимацию задать для тени

label {
    transition: ease box-shadow .3s;
}

Как функция, Array.of() позволяет привязать контекст, иной, нежели Array.

Может понадобиться для создания подклассов массива. Например, вы соорудили свой метод, возвращающий последний элемент массива:

function Stack(){}
Stack.prototype = Object.create(Array.prototype);
Stack.prototype.last = function(){return this[this.length-1]}; // вернуть последний элемент

Так можно создать экземпляр:

const testArr = Array.of.call(Stack, 1, 2, "три!");

Получился массив из перечисленных значений, с новым методом .last()
console.log(testArr.last()); // "три!"

Спасибо ответу на SO.

https://github.com/jeka1985/flip-timer

Разработка и контроль версий

Читаем про git flow, восхищаемся и интегрируем.
Читаем PSR-ы, восхищаемся и интегрируем. Не помешает: Попросили проверить код, на что смотреть нужно?
Читаем про vagrant. На базе вот этого вот строим dev окружение. Можете поиграть с https://puphpet.com/. До docker все же стоит дорасти.
Постигаем Phpstorm, и радуемся жизни.
Можете посмотреть так же: https://github.com/index0h/php-conventions

Тестирование

Читаем про phpunit, восхищаемся и интегрируем.

Документирование

Рекомендую взять за правило: документирование алгоритмов нужно только в крайнем случае, когда используются некие хаки. Говнокод лучше переписать на что-то очевидное, чем объяснять, какая муха вас укусила и где.
Что касается docblock-ов для помощи ide - это отличная идея.

Деплой

Самый простой и надежный способ: root у вашего nginx/apache указывать как ссылку на каталог текущей прод версии. При релизе - заливать код с помощью rsync в новый каталог, а далее менять ссылку на новый релиз.
Например у вас каталог с версиями кода:
production -> v1.0.2 - текущая версия
v1.0.1 - старый релиз
v1.0.2 - текущая версия
v1.0.3 - новый релиз
Когда подготовка завершена - вы только меняете симлинк production на v1.0.3. Если что не так - можно быстро откатиться на предыдущую версию.

for (let i = 0; i < a.length; i++) {
   console.log(a[i][0]);
}

Используйте codewars. Хороший ресурс, чтобы привыкнуть к синтаксису языка и немного разобраться в нем.

Никогда не пользуйтесь этими рабскими системами, ни один вменяемый человек не поставит себе такое на свое устройство.

Раз используется jQuery почему бы сразу не отбирать нужные чекбоксы. И считать сумму их цен. При этом предыдущее значение цены никому уже не нужно, никаких вычитаний.

function Check() {
  var price = 0;
  var PriceBoxes = $('[name=Price][type=checkbox]:checked');
  if (PriceBoxes.length) price = $.makeArray(PriceBoxes)
    .map(el => +el.value)
    .reduce((p,c) => p+c);
    
  $('.message').val(price);
}

Используйте стрелочные функции в свойствах класса. Они являются негласным стандартом в React разработке и, скорей всего, очень скоро войдут в стандарт. Уже добрались до stage-3, а в Chrome уже есть нативная поддержка.