В реакте или любом другом приложении, где одно отделено от другого эта проблема как раз решается сохранением состояния "куда-то"

🤦‍♀️

1) Создай объект, способный описать всю форму - её поля, значения и так далее.
2) Научись создавать по этому объекту разметку и обработчики
3) Манипулируй объектом, а не разметкой. При измении объекта запускай перерисовку разметки
4) Объект сохрани куда хочешь

в локал сторадж сохраняю.

это уже

Это пункт 4 )

{
             printer1: document.getElementById("printer1").options[document.getElementById("printer1").selectedIndex].text,
             media1: document.getElementById("media1").options[document.getElementById("media1").selectedIndex].text,
             selects: [... document.querySelectorAll("select")].map(e => e.value),
             checkboxes: [...document.querySelector("#calc").querySelectorAll("input[type='checkbox']")].map(e=>e.checked),
             inputs: [...document.querySelector("#calc").querySelectorAll("input")].map(e=>e.value),
             inputsQty: [...document.querySelector("#calc").querySelectorAll("input")].length,
             inputSizeQty: [...document.querySelector("#sizes_box").querySelectorAll("input")].length,
             inputSizes:[...document.querySelector("#sizes_box").querySelectorAll("input")].map(e=>e.value),
             notPro: notPro,}

А лучше конструктор😒 И сохраняй стейт, а не его пропсы, плиз

Даже не буду пытаться разобраться что там )

NgRx рулит йопта

Да, но нет

Да, но да

Всё что касается ангуляра вообще вроде как рулит, но нет

нода, да

В данном случае можно обойтись простейшим pubsub на пять строк и чем-то типа lit-html или просто тупо перерендеривать целиком

Дано, да

неплохо, а если  у тебя будет 1000 элементов printer[порядковое число], они так же будут записываться в этот огромный объект?

Ну или взять preact и не мучать себя

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

не, принтер1 и printer2 - больше нет, но вообще - да.