Где еще можно хранить данные, кроме data-"" ?
Если сильно упрощать: Имеется несколько блоков.
При клике на блоки, добавляется или убирается определенный класс.
Помимо этого, у каждого блока есть данные data-..." ".
Функция смотрит, у кого добавлен этот класс и у всех таких элементов собирает данные dataset и суммирует их.
Примерно по такой логике делал игрушку. А когда элементов слишком много, хорошо бы собрать все данные куда-нибудь в одном месте. Есть ли альтернативы? Про object знаю, но не знаю, можно ли вообще каждый объект привязать к HTML-элементу и получать оттуда данные по классу...
Храни в объекте элемента. Если значений несколько, то оборачивай в объект.
От конфликтов имен свойств, убережет префикс (или тип Symbol).
Ну а если нужно хранить не просто значения, а состояния, то рекомендую посмотреть на Redux (его можно использовать и без реакта).