Li que não é aconselhável interagir diretamente com o DOM, tanto por segurança quanto por desempenho. Evite usar a sintaxe como abaixo para selecionar Elementos.

const itemToManipulate = document.getElementById('example');

Então, eu li que uma boa solução é usar a Diretiva ElementRef. Mas continue procurando os Documentos Angulares contra isso por causa do acoplamento apertado, o que é acoplamento apertado?

Encontrada na documentação aqui

Eu decidi usar um ViewChild, assim ...

@ViewChild('itemToManipulate') public item: ElementRef<any>; 

Isso leva a algum comportamento indesejável com o qual eu deveria me preocupar (segurança / desempenho) e existe uma prática recomendada para interagir com o DOM ou isso não deve ser feito no Angular (6/7)?

Desde já, obrigado