Digamos que tenemos el siguiente bloque de código. Si quiero/necesito agregar una clase personalizada ('hecha en casa') al div principal, ¿cuáles son las mejores prácticas?

Para ser más explícito.

Quiero apuntar a este bloque de código dentro de una variable de Javascript. ¿Cómo debo nombrar el nombre de la clase para que otros desarrolladores lo reconozcan fácilmente como una clase personalizada dentro de Bootstrap?

¿Debo ir con un prefijo como personalizado , seguido del nombre de la clase? ( personalizado -nombre-de-clase )

¿Debo usar la convención BEM ? Me gustaría saber cuáles son sus pensamientos sobre esto.

 var someVar = document.getElementsByClassName('class-name'); 

 <div class="input-group mb-3"> <span class="input-group-text" id="basic-addon1">@</span> <input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1"> </div>