Какой выбрать JS-фреймворк для построения крейне сложных кастомных CMS?

Question

[Вячеслав Успенский]

Был бы крайне благодарен опытной публике за аргументированное указание в сторону хорошего JS-фреймворка.

Предыстория: обычно фреймворками пользуюсь только по желанию заказчика. ,Исотрически та ксложилось, что на все фреймвокри я смотрю как на велосипеды, ибо библиотека наработок на нативном JS не располагает к изучению монстроподобных надстроек.

На данном этапе возникло стремление попробовать себе облегчить жизнь, изучив некий качественныйфронденд-фреймворк, соответственно встала проблема выбора. Занимаюсь как правило проектированием различных web-приложений: от автоматизации еды из столовой до сложных бизнес приложений наподобие 1с.

Текущий пример: CRM для рекламного агентства, основная часть - таблица клиентов из 11ти полей, половина из них кликабельны и позволяют получить быстрый доступ к заметкам/контактам/делам и т д, кроме того список клиентов для конкретного пользователя может меняться динамически(переда, удаление итд), в т ч со стороны руководителя. Кроме того присутствует функция фильтра, быстрого (на клиенте) и полнотекстового(на сервере в тч по невидимым из этой таблицы полям) поиска и прочие приятные плюшки. Обмен данными с сервером при помощи Ajax, формат данных json, html.

Answer 1

[Владимир]

Выбирай, расписаны плюсы и минусы, дальше уже сам разберешься. habrahabr.ru/post/149872

Comments

[Вячеслав Успенский]

читал, статья двухгодичной давности, за это время всё и вся претерпело существенные изменения, посему и задаю сей вопрос тут.

[Сергей Протько]

Статья по большей части устарела, особенно в отношении angular меня расстраивает.

Answer 2

[Сергей Протько]

что на все фреймвокри я смотрю как на велосипеды

и поэтому каждый раз ваяете и используете другие велосипеды? Можно хотя бы использовать какой backbone, благо это библиотека а не фреймворк.

Если вы пишите тесты, или планируете покрыть тестами будущее приложение, или вы являетесь адептом TDD/BDD, то можно взять angular.js. Можно взять backbone и использовать его как связь с сервером, как view взять knockout.js/react.js (последний можно использовать с ангуляром).

Короче... посмотрите примеры, делайте выводы. Задачи которые вы описали можно спокойно решить на angular.js, ember.js, backbone+knockout.js и т.д.

Так же есть масса библиотек реализующих все что вы перечислили в отдельности.

Comments

[Вячеслав Успенский]

Зачем ваять если уже все сваяно?) Я честно пытался использовать сложные фреймворки но каждый раз, внося в него 100500ое изменение под себя, отказывался и забывал. Наглядный пример: динамические таблицы с фикисрованным хедером: то что есть в публичном доступе заставляет плакать крвоавыми слезами, посему пришлось ваять свое в итоге она выросла в подобие google spreadsheets без формул.

Тестами покрывать не планирую. За остальное благодарю, буду чтить.

По отдельности ненужно ибо самая больная часть это как раз динамические изменение данных и соответственно отслеживание таких изменений.

[Сергей Протько]

@Kwisatz нашли опенсурс решение которое подходит или почти подходит? Что-то не нравится? pull-реквест!

Причем тут фреймворки вообще? Берем angular.js, он дает вам власть в виде директив. Ищим директиву под ваши требования: ngTable. Видим что у нас не поддерживается из коробки фиксированный хэдер таблицы - идем в ишусы. Ищем, кто-то уже спрашивал (задача то распространенная) - читаем. Если есть решение - используем. Нету решения, делаем свое. В контексте задачи - это только верстка. В итоге мы тратим минимум времени на реализацию и никаких изменений в саму директиву не вносим. Если у вас есть решение проблемы, делимся им с сообществом хоть в каком виде. Может кто заимплементит нормально уже.

Мне кажется проблема вовсе не во фреймворках/библиотеках/готовых решения, а в том, как с ними работать.

[Сергей Протько]

plnkr.co/edit/KyilXo?p=preview - пример вашей таблицы.

[Вячеслав Успенский]

Суть задачи в изначальном посте. Нет вопросов чтобы сделать свое. Но когда ты взял взял таблицу
+фикс хедеры - нашел
+ нужно следить за актуальностью данных - нашел
+ сделать каждую строку/столбец интерактивной - дописал
Вот как только пошли сплошные дописал - фреймворк в лес уходит.

[Вячеслав Успенский]

ЗЫ Angular мне нравиться. Вечером загуглю get started. Может быть имеется хорошая ссылка?

[Сергей Протько]

@Kwisatz да, имеется. https://docs.angularjs.org/tutorial

Что до идущего в лес фреймворка - он то тут причем? вы же не фреймвор редактируете, а решения под него. Это нормальное явление. Суть в том что бы делиться наработками, тогда в будущем кому-то нужно будет меньше допиливать. Вообще забавно, но в СНГ не особо любят контрибьютить.

[Вячеслав Успенский]

он при том, что я нахожу случаи когда меня уже сам фреймворк не устраивает.
Контрибьютить да, сам вот иногда отдаю скрипт нахаляву, а чтобы выложить это нужно код причесать, закоментить, к тому же иногда фанаты ООП налетают, которых я уста уже разочаровывать.

ЗЫ есть еще одна проблема у меня, в примере выше подцеплен jQuery, Angular и и еще много милых и хороших js файлов, а выводим таблицу с фикс хедером? Когда я такое вижу у меня волосы шевелятся везде и я делаю тоже самое на нативном js за 15 минут.

Answer 3

[Максим Гречушников]

extjs упоминали?

Comments

[Вячеслав Успенский]

нет, а стОит?

[Максим Гречушников]

для вашего случая да

[Вячеслав Успенский]

ушел гуглить, есть какие либо впечатлающие примеры?

[Максим Гречушников]

на сайте разработчика есть впечатляющие примеры