Алексей Уколов

$unique = [];

foreach ($response['data']['items'] as $item) {
  // В таком виде будет использоваться последнее значение из массива,
  // но вы можете использовать любую логику.
  $unique[$item['barcode']] = $item;
}

$unique = array_values($unique);

Да, что-то связанное с промисами. Вы либо свой reject() не обрабатываете в том коде, который вызывает функцию, либо какой-то из внутренних промисов кидает ошибку, которую вы тоже не обрабатываете.

Heart.style

Heart — это коллекция элементов, у неё невозможно изменить стиль. Должно быть button.style, наверное.

Хоть весь копируйте: https://dev.1c-bitrix.ru/learning/course/index.php...
Хоть только шаблон: https://dev.1c-bitrix.ru/learning/course/index.php...

Ещё раз вам повторяю: полезно себе проговаривать, что буквально написано в коде и в каком порядке оно будет исполняться. Иначе вы так и будете за каждой буквой сюда ходить. Что у вас делает переменная item, зачем она нужна, почему он создаётся при открытии страницы?

if (ev.target.tagName === 'LI') {
    ev.target.classList.toggle('done')
}

P.S. Зачем вы в submitTask перенесли поиск textarea и list?

Родственные селекторы по своему поведению похожи на соседние селекторы (запись вида E + F), но в отличие от них стилевые правила применяются ко всем близлежащим элементам. К примеру, для селектора h1~p стиль будет применяться ко всем элементам , располагающихся после заголовка <h1>. При этом <h1> и <p> должны иметь общего родителя, так что если <p> вставить внутрь <div>, то стили применяться уже не будут.

htmlbook.ru/css/selector/sibling

Соответственно, нужный вам селектор выглядит так: #check:checked ~ .box .stop

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

function submitTask() {
    let newTask = document.createElement('li')
    newTask.innerText = textarea.value

    list.appendChild(newTask)
}

как сделать так, чтобы при перезагрузки страницы была выведена нужная информация

Отвязать загрузку от кнопок и привязать к жизненному циклу компонента (или хукам). Кнопки должны только менять URL, роутер в ответ на изменение рендерит компонент и в нём запрашиваются данные. Таким образом, когда при открытии страницы по прямой ссылке роутер точно так же отрендерит компонент, запрос будет сделан автоматически.

Примеров конкретных реализаций довольно много, выбирайте любой.

Ховер должен срабатывать на каком-то элементе. Через стили можно "создать" псевдоэлемент и поместить в него иконку, если она сделана шрифтом или через svg.
Дальнейшее обсуждение можно вести только имея пример кода перед глазами.

Можно написать код чуть иначе, но принципиально отказаться от итерирования нельзя.

Конечно, Set игнорирует изменения пропса:

class Set extends React.Component {
    constructor(props) {
        super(props);

        this.state = {
            id: props.id,
            weight: null,
            reps: null,
            enableMaxReps: false,
            number: props.number || 0,
            isFilled: false,
        };
    }
}

Уберите number из state, зачем он там?

Я же дал вам ссылку на статью, где всё расписано: https://css-tricks.com/aspect-ratio-boxes/

An aspect ratio can be anything, and they commonly are completely arbitrary. A video or image can be cropped to any size.
So how do we figure out the padding-top for our 1127.34 × 591.44 SVG above?
One way is using calc(), like this:
padding-top: calc(591.44 / 1127.34 * 100%);

Как относиться к таким ошибкам?

Игнорировать и не пользоваться валидаторами вообще - они все неадекватные.
Есть, конечно, вероятность, что у вас сборка настроена на какие-то очень древние браузеры и в реальном мире префиксы для каких-то свойств давно не нужны, а вы их добавляете, но даже в этом случае ничего плохого с вашим сайтом не произойдёт.

Стоит ли отключить префиксы?

Ни в коем случае.

Никак, псевдоэлементы недоступны для js.

получается я не могу создать таблицу post потому что еще нет таблицы categories

Получается.

надо создавать отдельную миграцию

Надо. Или просто ключи добавлять после создания таблиц в той же миграции. Но, к счастью, такая необходимость возникает примерно раз в никогда.

h1 {
  overflow: hidden;
  height: 0;
  padding-top: 56.25%;
  background: url(/images/happy-birthday.svg);
}

https://css-tricks.com/aspect-ratio-boxes/

function check(){
  let num = parseInt(document.getElementById('mynum').value);
  
  if (num > comp){
    out.innetHTML = 'Число больше';
  } else if (num < comp){
    out.innetHTML = 'Число меньше';
  } else{
    alert('win!!!');
  }
}

В методе rules() вы можете получить все переданные данные. По ним вы далее можете проитерировать и добавлять в массив $rules нужное правило, в зависимости от типа:

$rules = [...];

foreach ($this->get('some-field') as $index => $item) {
  switch ($item['type']) {
    case 'some-type':
      $rules["some-field.{$index}"] = [
        'some-rule',
      ]
      break;
  }
}

return $rules;

table users has 5 columns but 6 values were supplied

Пересоздайте таблицу - видимо, вы добавили в неё какую-то колонку после создания, но только на уровне кода.

У функции animate есть третий аргумент, в котором можно указать функцию плавности.