Estou construindo um aplicativo da web que interage fortemente com o DOM e precisa de orientação para tornar meu código escalável e sustentáve

A visão geral do aplicativo: Após a interação, tenho barras de ferramentas e sobreposições que orientam o usuário a editar a página e, em seguida, devolvo a página editada ao servido

té agora, construí com êxito o que queria, mas o JQuery está todo interligado e preciso de ajuda para reescrever meu código para torná-lo escalável e sustentáve

Pesquisa até agora:

RequireJS - Analisei o RequireJS e achei que esse era um ótimo ponto de partida e tudo funcionoJQuery - Não é possível ficar longe desta biblioteca incrível.presentação de @Nicholas Zakas sobre Arquitetura de aplicativos JavaScript escalável - Idéia impressionante, mas como implemento isso? Eu sou bastante novo no JavaScript avançado.

Também precisarei de algum tipo de pool de eventos para gerenciar todos esses eventos. Se eu usar o pool de eventos interno do JQuery "bind", "trigger", isso não me afastará da ideia de Zakas de que apenas o núcleo do meu aplicativo deve ter acesso à minha biblioteca JQuery?

Que tipo de estrutura devo procurar para resolver meu problema?