И как это помогает в данной ситуации?

Конте́йнером выступает  тип, позволяющий инкапсулировать в себе объекты других типов. Что бы не прописывать  каждый раз по 10-20 строк кода, а подключать сразу все через 1 .js контейнер. Например: document.write('<...>')🧐🤏🏼

Это похоже на копирование фраз со статей с хабры или википедии без какой-то привязки к реальной задаче 🙂

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

Всем привет!
Ребят, необходима помощь / совет, если кто-то сталкивался с подобного рода проблемой.
В процессе разработки продукта выяснилось, что приложение будут покрывать автотестами и у каждого тега должен быть уникальный id (не важно это id или data-attr), для того, чтобы к каждому тегу можно было прицепиться и выполнить определенные действия (со стороны автотестов).
На данный момент продукт готов на 50%, продукт довольно большой и вручную прописывать уникальные id не лучший выход, так как это будет довольно затратно по ресурсам. Id должны быть уникальные и статические.
Я посмотрел в сторону того, чтобы добавить все id при помощи Webpack (непосредственно при сборке, так как в процессе разработки эти id не нужны), но толковой информации не нашел.
Front часть продукта разработана на React + Next.js.
Если кто-то сталкивался и знает как помочь - буду очень благодарен!

Интересный вариант. Как раз можно абстрагироваться от деталей верстки и адресовать на уровне компонентов (логический блоков, а не просто визуальных). Даже если не для этого кейса, то все равно может пригодиться :)

это типовой космонент. Он входит в реакт боирплейт кажеться

Скорее всего вы путаете с reselect