Егор Живагин

Вызов fetchOrderError без await возвращает Promise. Вы не выведите Promise в шаблон

Делается это примерно так:

const [data, setData] = useState(null);

const fetchOrderError = async (orderId) => {
	const orderErrorData = await getOrderError(orderId);
	setData(orderErrorData);
};

useEffect(() => {
  fetchOrderError();
}, []);

return (
    <h2 className={styles['title']}>{data}</h2>
);

{{ "Phone " + $('Webhook').item.json.body.telefon_klient }}

В первом куске кода замените

const productInfoStorage = localStorage.setItem('productInfo', JSON.stringify([cartCardHTML]))

на

const alreadyInStorage = JSON.parse(localStorage.getItem('productInfo'));
const productInfoStorage = localStorage.setItem('productInfo', JSON.stringify([...alreadyInStorage, cartCardHTML]))

Иначе вы всегда в productInfo пишете массив с одним элементом

function calculate(event){
            if (!isNaN(event.target.value)){
                event.target.style.color = "black";
                if (debug) console.log("-----> p1");
            }
            else{
                event.target.style.color = "red";
                if (debug) console.log("-----> p2");
            }
        }

const x1 = document.querySelector('#x1');

x1.addEventListener( 'input' , calculate);

Я могу быть не прав, но у вас ошибка в урле, судя по документации
Должно быть так:

fetch("https://api.jsonbin.io/v3/b", requestOptions)

В вашем урле после /b идёт хэш-id, это понятно для get/delete/put/patch запросов (вам же надо указать, с какой сущностью вы что-то хотите сделать), но post создаёт новую сущность, у вас не может быть никакого id, пока она не создана

А вообще, читайте текст ошибки, помимо кода 404 :)

Например bootstrap и react-bootstrap ?
В одной либе сразу две версии врятли будут жить, это имеет очень мало смысла

Я бы делил на:
1 - mobile
2 - client core (subtree для 1 и 3)
3 - main (web front + backend)

Почему:
Я не уверен, но по-моему мобильный фронт живёт свое жизнью - ему не нужен SSR, у него свой релизный цикл и сборка, он никуда никогда не деплоится, нет никакой необходимости ему лежать в той же кодовой базе. Зачем он вам как subtree в основном репозитории?

Общий код вполне можно вынести в subtree

Веб фронту нужен SSR (?). Конечно, при старте проекта на работе я бы разделил SSR и API на разные репозитории, чтоб API можно было переписывать/релизить отдельно от сср и фронта, но для пет проекта не вижу в этом большого профита, кажется, удобнее весь бэкенд писать в одном месте

Честно говоря, для своего проекта я б вообще всё таки оставил монорепу + workspaces, просто чтоб не тратить время на переключения

1. Dynamic Segments

Его можно прописать в массиве с объектами, по которому мы пробегаемся через map, а далее достать {game.path} и поместить в Link to.Верно?

-- Да, верно

Если коротко, то вы делаете один роут с path="/tovari/:id"
Все урлы вида "/tovati/111", "tovari/moytovar" попадут в этот роут
В компоненте вы можете получить id с помощью const { id } = useParams();
или напрямую из window.location.href

2. Скорее всего никак. На все ховеры реагирую через css и вам советую :)

3. Очень сложно сказать, не зная кода этих компонентов. Кажется, что можно в HOC вынести логику показа после клика, но я не уверен

Ох, я постараюсь тезисно

Вам нужен чуть более умный бэкенд (можно на любом языке, включая Node.js)
Вместо html-файлов вы пишите шаблоны. Если у вас нода+Express.js, у него вроде был встроенный шаблонизатор ejs, есть ещё pug и много других (гуглить по Node шаблонизаторы). Если у вас на фронте React/Angular/View - лучше погуглить "название-библиотеки server side rendering", шаблонизация в них встроена

Абстрактно, ваш бэкенд получает запрос, идёт в базу данных или какой-нибудь JSON-файл за данными, а потом передаёт эти данные в шаблонизатор

В шаблонах можно использовать циклы, условия и разные другие плюшки из программирования. Вам не нужно писать 10 тэгов "a" для вывода списка, ваш список - стандартный массив, вы проходитесь по нему циклом и выводите данные в тэг "a". Условно:

myItems.map(item => (
<a href={item.link}>{item.text}</a>
))

Нужно поменять что-то в ссылках - меняете в одном месте
Нужно добавить товар или другие сущности - добавляете их данные в базу или JSON