Что альтернативы к ExtJS?

Ничто не сравнится с extjs с точки зрения размера сообщества и присутствия на StackOverflow. Несмотря на предыдущие разногласия, Ext JS теперь имеет лицензию GPLv3 с открытым исходным кодом . Его кривая обучения длится долго, но после изучения оно может быть весьма полезным . В Ext JS отсутствует тема Material Design , и команда неоднократно отказывалась размещать исходный код на GitHub . Для мобильных устройств необходимо использовать отдельную библиотеку Sencha Touch.

Имейте в виду, что

большие библиотеки JavaScript, такие как YUI, получают меньше внимания со стороны сообщества. Многие разработчики сегодня смотрят на большие библиотеки JavaScript как на огороженные сады, в которые они не хотят попасть.

- Объявление о прекращении разработки YUI

Тем не менее, ниже приводится ряд альтернатив Ext JS, доступных в настоящее время.

Ведущие библиотеки клиентских виджетов

1. Blueprint - это набор инструментов пользовательского интерфейса на основе React, разработанный компанией по анализу больших данных Palantir на TypeScript и «оптимизированный для создания сложных интерфейсов с высокой плотностью данных для настольных приложений. ". Активно разрабатывается на GitHub по состоянию на май 2019 г., с исчерпывающей документацией. Компоненты варьируются от простых ( чипов , тостов , иконок ) до сложных ( дерево , таблица данных, ввод тегов с автозаполнением , выбор диапазона дат .Нет аккордеона или изменения размера .

   Blueprint нацелен на современные браузеры (Chrome, Firefox, Safari, IE 11 и Microsoft Edge) и распространяется под модифицированной лицензией Apache .

   Песочница / демонстрация • GitHub • Документы

2. Webix - расширенный, простой в освоении , удобный для мобильных устройств, отзывчивый и многофункциональный бесплатная библиотека компонентов пользовательского интерфейса JavaScript с открытым исходным кодом. Webix был выделен из DHTMLX Touch (проект с 8-летним развитием - см. Ниже) и стал автономной структурой компонентов пользовательского интерфейса. Редакция GPL3 разрешает коммерческое использование и позволяет приложениям без GPL, использующим Webix, сохранять свою лицензию, например MIT через освобождение от лицензии для FLOSS . Webix имеет 55 виджетов пользовательского интерфейса, включая деревья, сетки, древовидные сетки и диаграммы. Финансирование поступает из коммерческой версии с некоторыми расширенными виджетами (Pivot, Scheduler, Kanban, org chart и т. Д.). Webix имеет обширный список бесплатных и коммерческих виджетов и интегрируется с наиболее популярными фреймворками (React, Vue, Meteor и т. Д.) И компонентами пользовательского интерфейса .

   

   Скины выглядят современно и включают тему Material Design . Тема Touch также выглядит в стиле материального дизайна. См. Также Skin Builder .

   Минимальное присутствие GitHub , но включает код библиотеки и документацию (которая все еще нуждается в серьезных улучшениях). Webix страдает от небольшой команды и отсутствия маркетинга .Однако они откликались на отзывы пользователей, как на GitHub , так и на своем форуме .

   Библиотека была скудной (128 КБ gzip + уменьшена для всех 55 виджетов по состоянию на ~ 2015 г.), быстрее, чем ExtJS, dojo и другие , а дизайн приятный на вид. Текущая версия Webix (v6, по состоянию на ноябрь 2018 г.) стала тяжелее ( 400–676 КБ уменьшено , но НЕ сжато с помощью gzip).

   Демоверсии на Webix.com выглядят и работают великолепно . Разработчик, XB Software , использует Webix в решениях, которые они создают для платежеспособных клиентов, так что, вероятно, впереди у него хорошее финансируемое будущее.

   Webix нацелен на обратную совместимость вплоть до IE8, и в результате несет некоторый технический долг .

   Википедия • GitHub • Игровая площадка / песочница • Демонстрация панели администратора • Демонстрации • Примеры виджетов

3. react-md - Библиотека компонентов пользовательского интерфейса Material Design для React, лицензированная MIT. Отзывчивый, доступный. Реализует компоненты от простых (кнопки, карточки) до сложных (сортируемые таблицы, автозаполнение, ввод тегов, календари). Один ведущий автор , ~ 1900 звезд на GitHub.

4. kendo - набор инструментов пользовательского интерфейса на основе jQuery с более чем 40 базовыми виджетами с открытым исходным кодом, а также коммерческими профессиональными виджетами (сетки, деревья, диаграммы и т. Д.). Адаптивная и мобильная поддержка. Работает с Bootstrap и AngularJS. Современный, с темами Material Design .Документация доступна на GitHub , что позволило внести многочисленные вклады от пользователей (более 4500 коммитов, 500+ PR по состоянию на январь 2015 г.).

   

   Имеет хорошую коммерческую поддержку, заявляет о себе миллионами разработчиков и является частью большого семейства инструментов для разработчиков. Telerik получил множество похвал , является многонациональной компанией (Болгария, США), был приобретен Progress Software и является лидером мысли .

   Лицензия разработчика Kendo UI Professional стоит 700 долларов , а доступ к большинству форумов зависит от наличия лицензии или пробного периода.

   [Википедия] • GitHub / Telerik • Демонстрации • Площадка • Инструменты

5. OpenUI5 - Платформа пользовательского интерфейса на основе jQuery со 180 виджетами, с лицензией Apache 2.0 и полностью открытым исходным кодом, созданная и финансируемая немецким софтверным гигантом SAP SE .

   

   Сообщество намного больше , чем у Webix, SAP нанимает разработчиков для развития OpenUI5 , и они представили OpenUI5 на OSCON 2014 .

   Темы рабочего стола довольно тусклые, но дизайн Fiori для Интернета и мобильных устройств выглядит чистым и аккуратным.

   Википедия • GitHub • Демоверсии управления для мобильных устройств • Демоверсии управления на рабочем столе • SO

6. DHTMLX - Библиотека JavaScript для создания многофункциональных веб- и мобильных приложений. Больше всего похож на ExtJS - посмотрите демо . Разрабатывается с 2005 года , но по-прежнему выглядит современно. Все компоненты , кроме TreeGrid , доступны под GPLv2, но расширенные функции для многих компонентов доступны только в коммерческой версии PRO - см., Например, дерево .Заявки, которые будут использоваться многими компаниями из списка Fortune 500.

   

   Минимальное присутствие на GitHub (отсутствует код основной библиотеки ) и StackOverflow , но активный форум . Документация не доступна на GitHub , что затрудняет ее улучшение сообществом.

7. Полимер , полифил веб-компонентов, плюс Полимерная бумага , реализация Google Material design. Нацелено на веб-приложения и мобильные приложения. У него нет расширенных виджетов, таких как деревья или даже сетки, но элементы управления, которые он предоставляет, ориентированы на мобильные устройства и быстро реагируют. Используется многими крупными игроками, например IBM или USA Today .

   

8. Ant Design утверждает, что это «язык дизайна для фоновых приложений», на который влияет «природа» и помогает дизайнерам «создавать низкоэнтропийную атмосферу для команды разработчиков» . Вероятно, это плохой перевод с китайского слова «компоненты пользовательского интерфейса для корпоративных веб-приложений». Это библиотека React UI, написанная на TypeScript, со многими компонентами, от простых (кнопки, карточки) до расширенных ( автозаполнение , календарь , ввод тегов , ] таблица ).

   Проект родился в Китае , популярен среди китайских компаний , а часть документации доступна только на китайском . Довольно популярный на GitHub , но он делает ошибку , разделяя сообщество на китайские и английские чаты.Дизайн выглядит материалистично, но шрифты маленькие, а информация теряется из-за пробелов.

9. PrimeUI - коллекция из 45+ многофункциональных виджетов на основе jQuery UI. Лицензия Apache 2.0. Небольшое сообщество GitHub . Доступно 35 премиальных тем.

10. qooxdoo - «универсальный фреймворк JavaScript с согласованным набором отдельных компонентов», разработанный и финансируемый немецким хостинг-провайдером 1 & 1 (см. участников , одного из мировых крупнейшие хостинговые компании. GPL / EPL (лицензия для бизнеса).

    Мобильные темы выглядят современно, но темы рабочего стола выглядят устаревшими (градиенты).

    

    Википедия • GitHub • Веб / мобильные / настольные демонстрации • Демонстрационный браузер виджетов • Браузер виджетов • SO • Игровая площадка • Сообщество

11. jQuery UI - легко подобрать; выглядит немного устаревшим; в нем отсутствуют расширенные виджеты. Конечно, вы можете комбинировать его с независимыми виджетами для определенных нужд, например деревьями или другие компоненты пользовательского интерфейса , но то же самое можно сказать и о любой другой платформе.

12. angular + Angular UI . Хотя Angular поддерживается Google, он радикально обновляется ped в грядущей версии 2.0, и «пользователям нужно будет освоить новый вид архитектуры. Также было подтверждено, что не будет пути миграции с Angular 1.X на 2.0 ». Более того, похоже, что консенсус таков, что Angular 2 не будет готов к использованию раньше года. или через два .В пользовательском интерфейсе Angular относительно мало виджетов (например, без деревьев).

13. DojoToolkit и их мощный набор Dijit из виджетов . Полностью с открытым исходным кодом и активно развивается на GitHub , но разработка ведется сейчас (ноябрь 2018 г.)основное внимание уделялось новой структуре dojo.io , в которой очень мало основных виджетов. Лицензия BSD / AFL. Разработка началась в 2004 году, и Dojo Foundation спонсируется IBM, Google и другими - см. Википедию . Здесь 7500 вопросов по SO .

    

    Темы выглядят устаревшими и ориентированными на рабочий стол - см. Тестер тем в dijit . Официальный предварительный просмотр темы не работает и показывает только "Claro". Существует тема Bootstrap , которая очень похожа на Bootstrap, но не использует классы Bootstrap. В январе 2015 года я начал обсуждение создания темы Material Design для Dojo , которая стала довольно популярной в первые часы. Однако есть вопросы относительно создания этой темы для текущего Dojo 1.10 по сравнению с следующим Dojo 2.0 . Ответ на эту ветку показывает активное и широкое сообщество, охватывающее многие часовые пояса.

    К сожалению, Dojo потерял популярность и , похоже, меньше компаний используют его , несмотря на то, что имеет (имел?) Прочную точку опоры в мире предприятий . В 2009-2012 годах его кривая обучения была крутой , и документация нуждалась в улучшении; хотя документация существенно улучшена , неясно, насколько легко освоить Dojo в настоящее время.

    С темой Material Design Dojo (2.0?) Может стать смертоносным фреймворком для компонентов пользовательского интерфейса.

    Википедия • GitHub • Темы • Демоверсии • Виджеты рабочего стола • SO

14. Enyo - интерфейсная библиотека, предназначенная для мобильных и телевизионных приложений (например, большие сенсорные элементы управления). Разработано LG Electronix и под лицензией Apache на GitHub .

15. Радикальный Капучино - Objective-J (надмножество JavaScript) вместо HTML + CSS + DOM

16. Mochaui , Библиотека пользовательского интерфейса библиотеки пользовательского интерфейса MooTools. <300 звезд на GitHub.

17. CrossUI - кроссбраузерный JS-фреймворк для разработки и упаковки одного и того же кода и пользовательского интерфейса в веб-приложения, собственные настольные приложения (Windows, OS X, Linux) и мобильные приложения (iOS, Android, Windows Phone, BlackBerry). ). Открытый исходный код LGPL3. Рекомендуемый инструмент RAD (конструктор форм и т. Д.). Пользовательский интерфейс выглядит настольным, а не веб-ориентированным. Активно развитая небольшая община . Нет на GitHub .

18. ZinoUI - простые виджеты. DataTable, например, даже не поддерживает сортировку.

19. Wijmo - красивые коммерческие виджеты со старыми (jQuery UI) виджетами с открытым исходным кодом на GitHub (их разработка остановлена ​​в 2013 году). Разработано ComponentOne , подразделением GrapeCity. См. Wijmo Complete vs. Open .

20. CxJS - коммерческий JS-фреймворк на основе React, Babel и webpack, предлагающий элементы формы, проверку формы, расширенное управление сеткой, элементы навигации, всплывающие подсказки, наложения, диаграммы, маршрутизацию, поддержку макета, темы, форматирование в зависимости от культуры и многое другое. .

Виджеты - Демонстрационные приложения - Примеры - GitHub

Фреймворки полного стека

1. SproutCore - разработаны Apple для веб-приложений с собственной производительностью, обрабатывая большие наборы данных на клиенте. Работает на iCloud.com. Не предназначен для виджетов.

2. Wakanda : предназначено для корпоративных веб-приложений - см. Что такое Wakanda? . Архитектура:

   • Wakanda Server (серверный JavaScript ( пользовательский движок ) + база данных с открытым исходным кодом NoSQL )
   • настольная IDE и редактор WYSIWYG для таблиц, форм, отчетов

   • Wakanda Application Framework (уровень источника данных + виджеты интерфейса на основе браузера), который помогает обеспечить совместимость браузера и устройства на настольных и мобильных устройствах

     . Wakanda высоко интегрирован, включает в себя массу функций из коробки , но имеет очень маленькое сообщество GitHub и присутствие SO .

3. Servoy - «кроссплатформенная интерфейсная среда разработки и развертывания для баз данных SQL». Обладает «полным дизайном пользовательского интерфейса WYSIWIG (что видишь, то и получаешь) для HTML5 со встроенной привязкой данных к внутренним службам», отзывчивым дизайном, поддержкой веб-компонентов HTML6, веб-сокетов и мобильных платформ. Написан на Java и генерирует код JavaScript с использованием различных компонентов JavaBean .

4. SmartClient / SmartGWT - мобильные и кросс-браузерные компоненты пользовательского интерфейса HTML5, объединенные с сервером Java. Направлено на создание мощных бизнес-приложений - см. демонстрации .

5. Vaadin - полнофункциональная среда веб-приложений Java / GWT + JavaScript / HTML3

6. Backbase - программное обеспечение портала

7. Shiny - интерфейсная библиотека поверх R, с визуализацией, виджеты компоновки и управления

8. ZKOSS : среда Java + jQuery + Bootstrap для создания корпоративных веб-приложений и мобильных приложений.

Библиотеки CSS + минимальные виджеты

Эти библиотеки не реализуют сложные виджеты, такие как таблицы с сортировкой / фильтрацией, автозаполнением или деревьями.

1. Bootstrap

2. Foundation for Apps - адаптивный интерфейсный фреймворк поверх AngularJS; больше библиотеки сетки / компоновки / навигации

3. UI Kit - аналогично Bootstrap, с меньшим количеством виджетов, но с официальным оформлением вне холста.

Библиотеки, использующие HTML Canvas

Использование элементов Canvas обеспечивает полный контроль над пользовательским интерфейсом и отличную кроссбраузерность, но обходится ценой отсутствия встроенных функций браузера , например поиск страницы с помощью Ctrl / Cmd + F.

1. Zebra - демонстрационные версии

Более не разрабатываются с декабря 2014 г.

1. Yahoo! Пользовательский интерфейс - YUI , запущен в 2005 году, но больше не поддерживается основными участниками - см. Объявление , в котором освещаются причины, по которым большие библиотеки виджетов пользовательского интерфейса воспринимаются как огороженные сады, которые разработчикам не нужны. быть запертым.
2. echo3 , GitHub . Поддерживает написание серверных приложений Java, которые не требуют знаний разработчика в области HTML, HTTP или JavaScript, или клиентских приложений на основе JavaScript, которые не требуют сервера, но могут связываться с ним через AJAX. Последнее обновление: июль 2013 г.
3. ampleSDK
4. Простые виджеты livepipe.net
5. JxLib
6. rialto
7. Простой набор пользовательского интерфейса
8. Prototype-ui

Другие списки

• Лучшие JS - наборов инструментов для компонентов
• Википедия Сравнение фреймворков JavaScript
• Список в Википедии библиотек JavaScript, связанных с графическим интерфейсом пользователя
• jqueryuiwidgets.com - подробное сравнение функций виджетов jQuery