[Dúvida] Faz sentido definir qualquer função que execute algum código a partir de uma ação do usuário como async?

Oi, Rennan! Tudo bem por aí?

Nem sempre é necessário trabalhar com a função async mediante a interação do usuário. Isso irá depender, sobretudo, dos objetivos do seu projeto.

A expressão async é usada para definir uma função como assíncrona, o que significa que ela retorna uma promessa e permite o uso da palavra await dentro dela — a qual faz com que o JavaScript espere até que a promessa retorne um resultado.

No entanto, nem todas as ações do usuário vão necessitar de uma função assíncrona. Se temos um botão que muda a cor de um elemento HTML quando clicado, por exemplo, isso pode ser feito de forma síncrona, já que não há necessidade de esperar por qualquer "recurso externo", como um dado.

Caso queira se aprofundar neste assunto, recomendo a leitura do artigo abaixo, da instrutora Juliana:

• Async/await no JavaScript: o que é e quando usar a programação assíncrona?

Espero ter ajudado, Rennan! Caso surjam novas dúvidas, conte com o fórum.

Um abraço!