Como um jovem desenvolvedor web, muitas vezes me perguntei qual seria a melhor maneira de disparar eventos (por exemplo, fazer um link exibir novo conteúdo na página, sem recarregar). Pensei em usar elementos HTML como manipuladores de eventos, alterando uma propriedade ao disparar um evento — mas isso pareceu um grande obstáculo. Eu precisava de algo fora do meu HTML.

Então olhei para minha barra de URL, ali solitária e sem uso, e uma ideia me ocorreu. Eu simplesmente adicionaria dois parâmetros de URL, um evento nomeado e um dado nomeado! Foi perfeito!

Ou foi o que pensei. Adicionar parâmetros de URL recarrega a página, então isso também não funcionaria. Mas ainda achei que o URL era a melhor opção e me lembrei dos hashes.

Para quem não sabe, adicionar hashes a uma URL não recarrega a página.

Tenho usado essa técnica desde então e é sem dúvida a minha preferida. Não acredito que esta seja uma técnica usual. Tudo que sei é que atende às minhas necessidades.

window.addEventListener("hashchange", function(hash) {
  if (hash === "#profile-19289948") {
    ...
  }
});

Agora estou curioso: outras pessoas fazem algo semelhante? Outras pessoas sabem do que estou falando?