Правильная структура JS-приложения среднего уровня?
Речь о фронтенде, страница серьёзно посложнее калькулятора, но это ещё не не одностраничное SPA где разгул для фреймворков.
Как правильно организовывать JS-код. Например в php запрос попадает на роутер он вызывает необходимые контроллеры, модели, они уже передают это всё во вьюшки.
У нас:
1) Не должно быть глобальных переменных
2) Есть несколько вариантов развития событий: клик, наведение, скролл
3) Есть отправка чего-то на сервер через ajax
4) Есть блоки программы, которые должны сразу сработать при загрузке, есть те, которые должны ждать события
И как это всё логично упорядочить, для каких элементов вводить объекты, что можно хранить просто в переменных, когда использовать наследование (только если новые объекты на странице появляются?), в каком случае создавать замыкания, коллбеки, а где без них можно обойтись?
P.S. Код фремворков смотреть не предлагайте, он под капотом для меня пока не понятен.
