szQocks

сокеты ? EventSource ? просто гет запросы через каждые 2 минуты ?

1) Думаю нет смысла запрашивать эти данные каждые 2 минуты. Можно загружать при заходе на страницу и этим ограничиться. Если пользователь активен, товары всегда будут свежие, а если нет, то и смысл что-то ему показывать особо отсутствует.
2) Если очень хочется прям вот обновлять, то запросы по таймауту - самый простой способ, раз в 2 минуты нагрузку на сервер не создадут, тем более что такие малокритичные данные можно держать в коротком кэше, чтобы не лазить в бд на каждый чих.

Потому что на самом деле ваш код для движка JS выглядит примерно так:

let name = 'Bob';

function fn() {
    // Перезаписывается не "глобальная" переменная, а "локальная", содержащая функцию
    var name = function () {};
    name = 'Bill';
    return;
}

fn();

console.log(name);

Если же функцию действительно вернуть, то всё начинает работать:

let name = 'Bob';

function fn() {
    name = 'Bill';
    return function name () {};
}

console.log(fn());

console.log(name);

Но зачем тут вообще именовать эту функцию?

Плохо работает. Всю эту чушь можно заменить на
if (contentType?.startsWith("application/json"))

Собрать новый массив:

const newArr = arr.reduce((acc, n) => (
  acc.push({ ...n, fractionTotal: n.fraction + (acc.at(-1)?.fractionTotal ?? 0) }),
  acc
), []);

// или

const newArr = arr.map(function({ ...n }) {
  n.fractionTotal = this[0] += n.fraction;
  return n;
}, [ 0 ]);

Изменить существующий:

arr.forEach((n, i, a) => n.fractionTotal = n.fraction + (i && a[i - 1].fractionTotal));

// или

arr.reduce((acc, n) => n.fractionTotal = acc + n.fraction, 0);

Всё, что оказалось в браузере — утекло.

Поэтому ключа не должно быть «просто в js», никак.

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

Копать в направлении POST-запроса из JS с помощью fetch() или, удобнее, axios.
На бэке принимать сообщение и отправлять его в тележку, используя curl

Вот такая связка .menu-main a.current называется вложенные селекторы. Используют для того чтобы задать стили относительно родителя, в данном случае .menu-main, но на практике это в итоге приносит много боли и проблем, поэтому приучайтесь сразу писать просто класс без вложенности. На эту тему можете ознакомиться с методологией БЭМ. Чем плоха вложенность? Она повышает специфичность, чтобы переопределить стили придется тянуть эту связку повсюду, если вы просто обратитьсе к .current, то уже ничего переопределить не выйдет. Кроме того в борьбе со специфичность многие начинают повышать её еще сильнее, накидывая все больше классов и тегов, например body .page section#header ul.menu-main a.current и это ужасно.

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

Про виды селекторов можно почитать тут https://html5book.ru/osnovy-css/#part2

Ssr все решает

На вопрос в двух словах не ответишь, потому что слишком много нюансов. Читайте про Javascript SEO и продвижение SPA. Но да, в основном роботам отдают пререндер, иначе нечего ему на сайте делать. Даже если гуглобот JS может рендерить, он не делает этого сразу, ему нужен "сырой" HTML. Про Яндекс ужо молчу, они сейчас выкатывают обновление по обработке JS - но пока непонятно, в каких объёмах, и там всё равно всё на апдейтах.

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

Не надо отслеживать никаких "повторных" "нажатий".
Достаточно поставить состояние кнопки в зависимость от состояния чекбокса:

чекбокс.addEventListener('change', e => кнопка.disabled = !e.target.checked);

Запускать нужно в веб сервере с соответствующими настройками.
Когда вы разрабатывали приложение и запускали локальный сервер, который брал всё на себя.
А так, допустим вы используете Apache там свои настройки, Nginx свои. Во множестве облачных сервисах нередко всё оптимизировано и почти ничего делать не нужно. Для условного Github Pages нужны свои небольшие манипуляции.
Поэтому.
1. Определитесь с веб сервером/площадкой где вы будете размещать проект
2. Гуглите "Сервер/площадка react router settings" "Сервер/площадка react router deploymnet" и тп.
Для локального у вас на компьютере нужно скачать какой-нибудь веб сервер(условный wamp или альтернативы), создать сайт там и тестировать.

0. В целом на уровне БД редко есть смысл запрещать пустой пароль.
1. Инициируем создание объекта пользователя, заполняем поля, которые возможны (Имя, имейл если сетка отдает и тп)
2. Сохраняем его куда-нить(ну допустим в локалсторе), создаем кукис, запоминаем что он незавершил регистрацию
3. Пользователю показываем блокирующее любые другие штуки окошко/страницу с просьбой завершить регистрацию и ввести пароль.

Проверьте верно ли вы сделали настройки вашего веб сервера. Потому как в момент использование приложения, там url строка в браузере динамически подменяется и лишних запросов к вебсерверу (помимо запроса данных ) особо нет. А вот при обновлении, либо прямом заходе по url идёт прямое обращение к нему. И если у вас не верно настроен Apache или nginx (или что там у вас), то не найдя страницу/правила/логику для example.com/login (а у вас там что-то вроде index.html и дальше только папки с асетами и тп) он и вернёт соответствующий результат что ничего не наёдено.

Если даны только точки A, C — точку B можно располагать как угодно – они задают квадратичную кривую Безье втроём. Посмотрите примеры — ваш случай второй. Точки можно двигать.

appendChild() не копирует элемент, а перемещает.
Если вам нужно копирование - можно использовать cloneNode(true)

В вебпак конфиге:

output: {
	path: path.resolve(__dirname, './build'),
	filename: 'static/js/[name].[contenthash].js',
	crossOriginLoading: 'anonymous'
};

И в плагинах:

new MiniCssExtractPlugin({ filename: 'static/css/[name].[contenthash].css', ignoreOrder: false }),

Естественно компилирует всё что нужно для реакта из node_modules.
А как иначе реакт работать то будет, без самого реакта?)