На чем переписать сложный интерфейс на jQuery?

Question

[theycallmetony]

Есть проект. Суть - чуть допиленый гугл календарь, много аякса. Бэкэндом занимается вроде шарящий товарищ, моя же часть - фронт. Программированием никогда не занимался на должном уровне, а тут предложили за недорого подработать. Естественно фронтэнд представляет собой пирамиду из костылей на JQuery. Мой вопрос в следующем: какие, исходя из ситуации, библиотеки вы посоветовали бы изучить и использовать чтобы переписать это, уж очень сильно я отстал от тенденций в JS мире.

Answer 1

[Ucorp]

Посмотрите в сторону vuejs

Comments

[Михаил]

А чем отличается от Agnular 1,2?

[Ucorp]

Angular - это полноценный фреймворк со всеми вытекающими. Vue же только представление, как тот же React только с другим подходом. В реакте и логика и представление всё в js (jsx), а во Vuejs есть возможность разделения, в принципе как и в ангуляре. Порог вхождения у Vuejs ниже.

Answer 2

[xmoonlight]

Используйте SPA:
1. каркас (начальная страница, роутер и необходимые js),
2. визуальная сетка разметки с place-holder'ами с доступом через ID.
3. реестр обработчиков объектов (помещаемых в эти place-holder'ы).
Собирайте разметку страницы по-частям из отдельных блоков динамически: https://github.com/xmoonlight/includeHTML
Каждая унифицированная HTML-часть - должна быть снабжена своим обработчиком событий, который должен быть динамически подгружен по-необходимости (если их немного - можно сразу загрузить все при загрузке SPA).
По клику - грузите нужный блок в нужный place-holder (или обновляете)
Для быстрого доступа к рендерингу (обновлению) данных - используйте jquery.

Интерфейсный цикл такой:
Событие->Обработка (расчет/ajax)->Обновление визуализации (если необходимо)->Расстановка значений в поля (через callback) -> Отображение