Как лучше организоывать js код на небольшом проекте?
Progressive enhancement - прекрасная штука. Есть сайт, на сайте есть поиск, авторизация, регистрация, корзина там, всякие сообщения. Пока это всё разделено по разным страничкам - всё логично и понятно.
Но мы в 21 веке, у нас тут javascript включённый и всё такое прочее.
И поступает задача поиск, авторизацию, регистрацию, корзину, всякие сообщения и прочее зафигачить такими знаете-ли всплывающими в нужных местах блоками, аяксом и прочими модными штуками.
Решаем в лоб:
Добавляем попапы в код страницы с классом hidden и полсотни килобайтов jQuery лапши чтобы в нужный момент это всё показывать, скрывать, отправлять, менять состояние.
Звучит некрасиво, выглядит жутко, работает.
Но хочется красоты, порядка, гармонии.
Например добавлять эти штуки в DOM только при использовании. Возможно добавить шаблонизацию. Навести порядок в обработчиках. Ну и всякое такое.
При этом не хочется переводить всё на какой-нибудь Angular, Backbone и что там у нас ещё есть, это по-моему слишком круто.
В общем задача "показывать в нужных местах десяток блоков и формочек, а формочки отправлять на сервер".
Какие нынче практики и инструменты, чтобы делать это красиво?
Какие в принципе практики и инструменты использовать, когда лапша на jQuery уже повергает в уныние, но для притягивания полноценного фронтенд-фреймворка проект ещё не дорос?
Нет никакой крутизны в переходе на Angular или тем более Backbone, второй так и вовсе прост как два пальца.
Почему на беке использовать фреймворк норм а на фронте нет? 21 век на дворе как вы сказали, JS включен и все такое.
Тем более Angula\Ember\Backbone и подобные в первую очередь организовуют роутинг страниц + дата билдинг и шаблонизацию, виртуальный DOM в конце концов, проблемы организации кода пожалуй только Ember как то из них решает, но в целом, с этого я делаю вывод что с ними вы не знакомы.
А чтоб лапшы не было - генераторы и проминесы это наше всё.
Простой
