Até hoje eu utilizava o ID da tag html, suas classes ou, no pior caso, as próprias tags html ("table tbody") para fazer a captura desses objetos no JS através do document.querySelector. Essa nova abordagem de colocar no tbody o "data-alguma-coisa", é simplesmente para separar o mundo JS do CSS/Html ou tem alguma outra função?
hoje, com a Alura e o Google Gemini
Fazendo uma pesquisa na documentação da W3C. Encontramos o seguinte texto https://www.w3schools.com/tags/att_global_data.asp
De maneira geral os data-attr não influenciam no CSS, isto é, se você precisa de um identificador de classe de dados que não terá uso algum no CSS, o melhor é usar o data-attr e não classes CSS.
Edição: Acerca de ID vs DATA-ATTR -> Se a intenção for a simples identificação do exato elemento, eu acho melhor utilizar o ID.
NOTA: SOU ALUNO, NÃO PROFESSOR, ENTÃO ESTOU APENAS PASSANDO O QUE EU ACHO ESTAR CORRETO. =)