Антон Горецкий

key={uniqid()}

так нельзя делать. Ключи при каждом рендере должны быть одни и те же. В этом их смысл.

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

И вот тут я подумал про Electron в JavaScript! Визуалка, контроль, анимация - обычный HTML, CSS и JS. Проект можно скомпилировать под винду, мак и линукс.

чтобы можно было вводить русские буквы в консоли mysql, нужно чтобы команда locale в системе выдавала:

LANG=ru_RU.UTF-8
LANGUAGE=
LC_CTYPE="ru_RU.UTF-8"
LC_NUMERIC="ru_RU.UTF-8"
LC_TIME="ru_RU.UTF-8"
LC_COLLATE="ru_RU.UTF-8"
LC_MONETARY="ru_RU.UTF-8"
LC_MESSAGES="ru_RU.UTF-8"
LC_PAPER="ru_RU.UTF-8"
LC_NAME="ru_RU.UTF-8"
LC_ADDRESS="ru_RU.UTF-8"
LC_TELEPHONE="ru_RU.UTF-8"
LC_MEASUREMENT="ru_RU.UTF-8"
LC_IDENTIFICATION="ru_RU.UTF-8"
LC_ALL=

а в докере выдает локали POSIX
Поэтому либо ищите образ собранный на основе нужной локали, либо доустанавливайте сами нужные инструменты для генерации локали (locale-gen отсутствует)

но когда доходит до задач, у меня появляются проблемы

Просто, наверное никто не сказал вам, что правильная постановка задачи - это уже половина решения. Помню физичка, на меня дико орала в школе, когда я на доске сразу начинал писать решение - она требовала, чтобы сначала я писал секцию: 'Дано:'. Потом, я понял насколько это было важным. Перед решением любой задачи, сначала необходимо осмыслить все исходные данные и четко прописать их. Почему, это нужно делать? - потому что некоторые важные условия могут быть заданы неявно и ускользать от внимания. К примеру, в условиях пишут: 'машина начала двигаться и достигла скорости 70км/ч' - если вы просто прочитаете это, то в голове у вас будет вертеться только одна цифра (скорость 70). Но если обратить внимание на фразу начала двигаться - можно записать что начальная скорость была 0. И уже имеем: v0 = 0км/ч, v1 = 70км/ч После того как все исходные данные выписаны и установлены - остается протоптать из них дорожку к результату - это и будет решение, которое обычно само напрашивается при таком подходе.

Вы можете найти ответ на ваш вопрос здесь, с подробным описанием и расчетами

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

.todo-item__span::after {
    position: absolute;
    content: '+';    
    display: inline-block;
    transition: 0.4s ease-in;
    transform: scale(0) translate(-50%, -50%);
    background-color: transparent;
    font-size: 2rem;
}

примерно вот так

// выберите элемент, который вы хотите отслеживать
const targetNode = document.querySelector('.wpcf7-response-output');
let successText;
// создайте экземпляр MutationObserver
const observer = new MutationObserver(function(mutationsList) {
    for(let mutation of mutationsList) {
        if (mutation.type === 'childList') {
            // если тип мутации является childList (изменение дочерних элементов), то выполните действия
            successText = mutation.target.textContent;
            console.log(successText, 'in Observer');
        }
    }
});

// настройте параметры наблюдения
const config = { attributes: true, childList: true, subtree: true };

// начните отслеживать элемент
observer.observe(targetNode, config);

const submitBtns = document.querySelector('button');

submitBtns.addEventListener('click', function() {
      // изменяем контент через 3 сек после клика
      setTimeout(function() {
          document.querySelector('.wpcf7-response-output').textContent = 'New content';
      }, 3000);
      
  });

здесь observer это ф-я, которая будет всегда вызываться при изменении контента. Можете в нее добавить дополнительную логику (проверка клика, семафор и др..).

Попробуйте использовать эту библиотеку https://www.npmjs.com/package/node-pickle

сильно углубиться + изучать машинное обучение + профильный ЕГЭ по математике

на мой взгляд это движение в 3 разные стороны. Профильный ЕГЭ, вообще способен отбить всякое желание изучать математику. Но если есть желание понимать математику, то советую обратить внимание на Я.Б.Зельдович "Высшая математика для начинающих" 1970г. - в книге идет обучение основам ВМ в тесной связи с её применением к окружающему миру (механика, электродинамика, ядерная физика). Поначалу, может отпугнуть большим количеством формул, но если читать внимательно и последовательно - то никаких проблем не возникнет даже у школьника. Я читал её в 8-м классе.

Gulp не предназначен для работы в браузере и не может в нем работать, поскольку ему нужен доступ к файловой системе. Чтобы его запустить вам нужно установить Node.js, создать папку с проектом и в ней произвести установку нужных пакетов с помощью команды npm install (файл package.json должен быть в этой же папке), либо устанавливая каждый нужный пакет по отдельности. На ютубе полно роликов

Когда в основном потоке встречается вызов функции А - он не блокируется. Но когда начнется исполнение самой функции А и в ней встретится readFileSync - произойдет блокировка. Поэтому имеет смысл использовать внутри асинхронный readFile. Почитайте подробнее об этом по запросу EventLoop.