Как грамотно связывать реакт с js виджетами разных сервисов?

В общем, была у меня халтурка. Реакт я тогда ковырял впервые, просто подгружал саму библиотеку, а также babel и мой скрипт, в котором были описаны все компоненты. И был ещё один скрипт, где я ловил объявленные компоненты и получал их свойства. В чём была беда и чем я до сих пор недоволен - это то, что изначально корзина была монолитной и монтировалась к одному диву, но когда появилась нужда встроить виджет сдэка, мне пришлось поделить реакт код, что бы в одном див была корзина, а в другом форма для отправки результатов корзины, а в третьем грузилась карта сдэка, а, и ещё корзина в шапке отдельно с кол-вом товаров. Мне это не понравилось и я хочу узнать, а можно ли было поступить иначе? Просто в реакт код хтмл с виджетом не встроить, да и после обновления рендера код виджета не обновляется, ведь он срабатывает 1 раз. А в целом нормальная ли практика разбивать компоненты на разные контейнеры/дивы(в частности, корзину в шапке с кол-вом товара и корзину-калькулятор)?

п.с файлы в архиве

Вложения

Desktop.rar (6.1 Кб, 0 просмотров)

0