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

Нужно как-то брать id последнего элемента и добавлять к нему 1?

Да.
Метод map тут ни при чём, форма же вне его рендерится. Добавьте компоненту формы prop, в который из родительского передавайте как раз "id последнего элемента + 1".
Получить id последнего элемента можно кучей способов, вот один из них для примера:

let maxId = 0;
props.articles.forEach((article) => maxId = article.id > maxId ? article.id : maxId);

В Реакте есть jsx, во Вью есть кастомные атрибуты тегов. Если это считается «конструкциями языка», то могут. Только в браузере они работать не будут, нужно скомпилировать в «обычный» javascript.

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

Впрочем, можете попробовать вот такое:

(new BooksListHist)
    ->setTable("lst_books_hist({$IdFilter['value']})")
    ->first();

Вы можете даже переопределить у модели метод getTable() и там дёргать параметры запроса.
Но, имхо, это всё кривые костыли и лучше сделать репозиторий, в котором будет чётко указано что можно делать, а чего нельзя с этими данными.

e.target.textContent
У ячейки таблицы никакого value нет.

PHP и не будет ничего «палить», если вы сами не будете эти данные клиентам отдавать.

Вам нужно использовать ровно два метода — mapWithKeys и sum (предварительно обернув внутренние массивы в коллекцию).

Не слетит, он на машиночасы распространяется, а не на конкретные машины.

Деталей задания мы не знаем, поэтому их не обсуждаем.
Знаем мы только крайний срок по задаче. Но крайний срок не равен трудозатратам, поэтому и в этом отношении вопрос лишён смысла.
Скорее всего, вам просто дали кучу времени на решение, поскольку предполагается, что к недоджунам применять жёсткие требования по срокам негуманно. Использовать в коммерческой деятельности код, который недоджун вымучил из себя за неделю, никто в здравом уме не станет.

В CSS используются { и }, а не ( и ).

Если же это вы сюда с ошибкой набрали, а в исходниках всё правильно, то дело в пути до файла - он у вас относительный и если html-файл и css-файл лежат не в одной директории, то второй не будет найден.

Открываете https://gitlab.com/{group}/{project}/activity и ищете там событие Deleted branch {branch}

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

$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, роутер в ответ на изменение рендерит компонент и в нём запрашиваются данные. Таким образом, когда при открытии страницы по прямой ссылке роутер точно так же отрендерит компонент, запрос будет сделан автоматически.

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