romaro

Попробуйте посмотреть на MobX, если вам близок ООП-подход. Стейт вашей страницы товара можно оформить в виде отдельного класса, который передается в пропс компонента-обертки вашей страницы и все вложенные компоненты могут быть так же завязаны на этот стейт. При переходе на другую страницу выполняете новый запрос и обновляете поля этого класса, которые помечены как отслеживаемые для библиотеки MobX.

Вот здесь есть примеры кода.

Мне кажется, TypeScript, т.к. он помогает провести ревизию знаний JS. И с Реактом потом будет проще. Ну и если заинтересует разработка под .NET, на C# будет комфортнее переходить при хорошем понимании TS.

AS "info" ON "product"."id" = "info"."productId" WHERE "product"."id" = 'getAll

Постегрес у вас ругается на несовпадение типов. Вы буквально просите выдать строку по ключу 'getAll', а ожидается число (int).

Я не знаю, какая ORM у вас на бекенде, но, вероятно, в параметр метода нужно передавать только название сущности:
const {data} = await guestInstance.get('brand/')

TS не является обязательным компонентом React-проекта, но с ним удобнее, т.к. можно типизировать пропсы и другие интерфейсы. Это снижает кол-во ошибок и дает более информативные подсказки в IDE.

Что касается связки React+Redux, то mobx не менее перспективная библиотека.

И если вы начинаете изучение React одновременно с JS, то я бы посоветовал на некоторое время отложить React и попробовать создавать компоненты на чистом JS. На мой взгляд, такой подход позволяет глубже понять саму суть подобных фреймворков и не использовать их там, где они не нужны.

https://formik.org/docs/guides/form-submission

Вам нужно повесить обработчик на событие отправки формы:
<form onSubmit={props.handleSubmit}>...</form>

Если форма окажется не валидной, isValidating вернет false.