По факту вы описываете типичную логику работы любого SPA.
Можно посмотреть в сторону существующих js-фреймворков для SPA, например Angular, React, Vue, тысячи их.
Во многих IDE есть функция автоформатирования, которая привязывается к определенным горячим клавишам или сочетанию клавиш в настройках.
Например в VS Code под Windows по умолчанию - это Shift + Alt + F, насколько я помню.
