it-swarm.com.de

Was sind Alternativen zu ExtJS?

Also, was ich suche, ist ein Javascript-Framework, das ich verwenden kann, das mehrere Steuerelemente der Benutzeroberfläche hat. Ich habe mir jQuery angesehen, aber diese Steuerelemente sind im Vergleich zu ExtJS sehr einfach. Gibt es noch andere wettbewerbsfähige Alternativen?

Diese Frage existiert, weil sie von historischer Bedeutung ist, aber sie wird nicht als gute thematische Frage für diese Site angesehen . Verwenden Sie sie daher nicht als Beweise, dass Sie hier ähnliche Fragen stellen können. Weitere Informationen: Hilfecenter .

65
fuentesjr

Nichts ist vergleichbar mit extjs in Bezug auf Community-Größe und Präsenz auf StackOverflow. Trotz früherer Kontroversen hat Ext JS jetzt eine GPLv3 Open Source-Lizenz . Seine Lernkurve ist lang, aber es kann ziemlich lohnend, wenn es erst einmal gelernt wurde . Ext JS es fehlt ein Material Design-Thema und das Team hat wiederholt sich geweigert, den Quellcode auf GitHub zu veröffentlichen . Für Mobilgeräte muss die separate Sencha Touch-Bibliothek verwendet werden.

Denken Sie auch daran,

große JavaScript-Bibliotheken wie YUI haben in der Community weniger Beachtung gefunden. Viele Entwickler betrachten große JavaScript-Bibliotheken heute als ummauerte Gärten, in die sie nicht eingeschlossen werden möchten.

- Ankündigung der Einstellung der YUI-Entwicklung

Im Folgenden finden Sie eine Reihe von Ext JS-Alternativen, die derzeit verfügbar sind.

Führende Client-Widget-Bibliotheken

  1. Blueprint ist ein auf React basierendes UI-Toolkit, das vom Big Data Analytics-Unternehmen Palantir in TypeScript entwickelt und für die Erstellung komplexer Daten optimiert wurde dichte Schnittstellen für Desktop - Anwendungen ". Aktiv auf GitHub entwickelt Stand Mai 2019, mit umfassender Dokumentation. Die Komponenten reichen von einfachen ( Chips , Toast , Icons ) bis zu komplexen ( Baum , Datentabelle, Tag-Eingabe mit Autocomplete , Datumsauswahl Nein Akkordeon oder Größenänderung .

    Blueprint richtet sich an moderne Browser (Chrome, Firefox, Safari, IE 11 und Microsoft Edge)) und wird unter einer modifizierten Apache-Lizenz lizenziert.

    Sandbox/DemoGitHubDocs

  2. Webix - eine erweiterte, leicht zu erlernende , mobilfreundliche, reaktionsschnelle und umfangreiche freie und quelloffene JavaScript-UI-Komponentenbibliothek. Webix abgespalten von DHTMLX Touch (ein Projekt mit 8 Jahren Entwicklungszeit - siehe unten) und entwickelte sich zu einem eigenständigen UI-Komponenten-Framework. Die GPL3-Editionermöglicht die kommerzielle Nutzung und lässt Nicht-GPL-Anwendungen, die Webix verwenden, ihre Lizenz behalten, z. MIT, über ein Lizenzbefreiung für FLOSS . Webix verfügt über 55 UI-Widgets, darunter Bäume, Gitter, Baumgitter und Diagramme. Die Finanzierung erfolgt über eine kommerzielle Version mit einigen erweiterten Widgets (Pivot, Scheduler, Kanban, Organigramm usw.). Webix verfügt über eine umfangreiche Liste kostenloser und kommerzieller Widgets und lässt sich mit den beliebtesten Frameworks (React, Vue, Meteor usw.) und I-Komponenten integrieren.

    Webix

    Skins sehen modern aus und enthalten ein Material Design Thema. Das Touch-Thema sieht auch ganz Material Design-ish. Siehe auch Skin Builder .

    Minimale GitHub-Präsenz , enthält jedoch den Bibliothekscode und die Dokumentation (die noch erhebliche Verbesserungen benötigt). Webix leidet unter einem kleinen Team und einem mangelnden Marketing . Sie haben jedoch sowohl auf auf GitHub als auch auf in ihrem Forum auf Benutzer-Feedback reagiert.

    Die Bibliothek war schlank (128 KB GZIP + Minimiert für alle 55 Widgets ab ~ 2015), schneller als ExtJS, Dojo und andere und das Design sieht gut aus. Die aktuelle Version von Webix (v6, Stand: November 2018) wurde schwerer ( 400 - 676 ​​kB minimiert aber NICHT komprimiert).

    Die Demos auf Webix.com Aussehen und Funktion Klasse. Der Entwickler XB Software verwendet Webix in Lösungen, die er für zahlende Kunden entwickelt, sodass wahrscheinlich eine gute, finanzierte Zukunft bevorsteht.

    Webix strebt eine Abwärtskompatibilität bis hinunter zu IE8 an und trägt daher einige technische Schulden .

    WikipediaGitHubSpielplatz/SandboxAdmin-Dashboard-DemoDemos • - Widget Beispiele

  3. react-md - MIT-lizenzierte Material Design UI-Komponentenbibliothek für React. Reaktionsschnell, zugänglich. Implementiert Komponenten von einfach (Schaltflächen, Karten) bis komplex (sortierbare Tabellen, automatische Vervollständigung, Tag-Eingabe, Kalender). Ein Hauptautor , ~ 1900 GitHub-Stars.

  4. kendo - jQuery-basiertes UI-Toolkit mit über 40 grundlegenden Open Source-Widgets sowie kommerziellen professionellen Widgets (Gitter, Bäume, Diagramme usw.). Reaktionsschneller und mobiler Support. Funktioniert mit Bootstrap und AngularJS. Modern, mit Material Design-Themen . Die Dokumentation ist auf GitHub verfügbar , die zahlreiche Beiträge von Benutzern ermöglicht hat (Mehr als 4500 Commits, mehr als 500 PRs ab Januar 2015).

    enter image description here

    Kommerziell gut unterstützt, behauptet Millionen von Entwicklern und gehört zu einer großen Familie von Entwicklertools. Telerik hat viele Auszeichnungen erhalten , ist ein multinationales Unternehmen (Bulgarien, USA), wurde von Progress Software erworben und ist ein Gedanke - Führer .

    Eine Kendo UI Professional-Entwicklerlizenz kostet 700 US-Dollar und Zugang zu den meisten Foren veröffentlichen setzt eine Lizenz voraus oder befindet sich in der Testphase.

    [Wikipedia] • GitHub/TelerikDemosSpielplatzTools

  5. OpenUI5 - jQuery-basiert UI-Framework mit 180 Widgets, Apache 2.0-lizenziert und vollständig offen bezogen und finanziert vom deutschen Software-Riesen SAP SE .

    OpenUI5

    Die Community ist viel größer als die von Webix, SAP stellt Entwickler ein, um OpenUI5 zu erweitern und sie präsentiert OpenUI5 auf der OSCON 2014 .

    Die Desktop-Themen sind eher trüb, aber das Fiori-Design für Web und Mobile sieht sauber und ordentlich aus.

    WikipediaGitHubDemos von Mobile-First-ControlsDemos von Desktop-Controls ALSO

  6. DHTMLX - JavaScript-Bibliothek zum Erstellen umfangreicher Web- und Mobile-Apps. Sieht am ehesten nach ExtJS aus - überprüfen Sie die Demos . Wurde entwickelt seit 2005 sieht aber immer noch modern aus. Alle Komponenten außer TreeGrid sind unter GPLv2 verfügbar, aber erweiterte Funktionen für viele Komponenten sind nur in der kommerziellen PRO-Edition verfügbar - siehe zum Beispiel tree . Behauptungen, von vielen Fortune 500-Unternehmen genutzt zu werden.

    DHTMLX

    Minimale Präsenz auf GitHub (der Hauptbibliothekscode fehlt) und StackOverflow aber aktives Forum . Die Dokumentation ist nicht auf GitHub verfügbar , was es der Community schwer macht, sich zu verbessern.

  7. Polymer , eine Web Components-Polyfüllung, plus Polymer Paper , Googles Implementierung des Materialdesigns. Zielgruppe sind Web- und mobile Apps. Hat keine erweiterten Widgets wie Bäume oder sogar Gitter, aber die Steuerelemente, die es bietet, sind Mobile-First und reaktionsschnell. Wird von vielen großen Spielern verwendet, z. IBM oder SA Today .

    Polymer Paper Elements

  8. Ant Design behauptet, es sei "eine Designsprache für Hintergrundanwendungen", die von "Natur" beeinflusst wird und Designern hilft "Entropiearme Atmosphäre für das Entwicklerteam schaffen" . Das ist wahrscheinlich eine schlechte Übersetzung aus dem Chinesischen für "UI-Komponenten für Enterprise-Webanwendungen". Es ist eine in TypeScript geschriebene React UI-Bibliothek mit vielen Komponenten, von einfach (Schaltflächen, Karten) bis fortgeschritten ( automatische Vervollständigung , Kalender , Tag-Eingabe , Tabelle ).

    Das Projekt war in China geboren , ist beliebt bei chinesischen Unternehmen und Teile der Dokumentation sind nur in Chinesisch verfügbar. Sehr beliebt auf GitHub , macht aber den Fehler, die Community aufzuteilen in chinesische und englische Chatrooms. Das Design sieht materialistisch aus, aber die Schriftarten sind klein und die Informationen scheinen in Leerzeichen zu verschwinden.

  9. PrimeUI - Sammlung von 45+ Rich Widgets basierend auf der jQuery UI. Apache 2.0 Lizenz. Klein GitHub-Community . 35 Premium-Themen verfügbar.

  10. qooxdoo - "Ein universelles JavaScript-Framework mit einem zusammenhängenden Satz einzelner Komponenten", entwickelt und finanziert vom deutschen Hosting-Anbieter 1 & 1 (siehe Contributors , einem der weltweit größten Hosting-Unternehmen GPL/ EPL (eine geschäftsfreundliche Lizenz).

    Mobile Designs sehen modern aus, Desktop-Designs sehen alt aus (Farbverläufe).

    Qooxdoo

    WikipediaGitHubWeb/Mobile/Desktop-DemosWidgets-Demo-BrowserWidget-Browser ALSO SpielplatzCommunity

  11. jQuery UI - leicht zu erlernen; sieht ein bisschen altmodisch aus; Es fehlen erweiterte Widgets. Natürlich können Sie es mit unabhängigen Widgets für bestimmte Anforderungen kombinieren, z. trees oder andere UI-Komponenten , aber das Gleiche gilt für jedes andere Framework.

  12. winkelig + Angular UI . Während Angular von Google unterstützt wird, wird es in der kommenden 2.0-Version radikal überarbeitet, und "Benutzer müssen sich mit einer neuen Art von Architektur auseinandersetzen. Es wurde auch bestätigt, dass es sie geben wird kein Migrationspfad von Angular 1.X nach 2. ". Außerdem scheint der Konsens zu sein, dass Angular 2 nicht wirklich einsatzbereit sein wird bis in ein oder zwei Jahren . Angular UI hat relativ wenige Widgets (zum Beispiel keine Bäume).

  13. DojoToolkit und deren mächtiger Dijit-Satz von Widgets . Vollständig Open-Source und aktiv auf GitHub entwickelt , aber die Entwicklung konzentriert sich jetzt (November 2018) auf das neue dojo.io Framework, das nur sehr wenige grundlegende Widgets enthält. BSD/AFL Lizenz. Die Entwicklung begann im Jahr 2004 und die Dojo Foundation wird von IBM, Google und anderen gesponsert - siehe Wikipedia . 7500 Fragen hier auf SO .

    Dojo Dijit

    Themen sehen desktop-orientiert und datiert aus - siehe Thementester in dijit. Der offizieller Theme Previewer ist kaputt und zeigt nur "Claro". Ein Bootstrap-Thema existiert , das Bootstrap sehr ähnlich sieht, aber keine Bootstrap Klassen verwendet. Im Januar 2015 habe ich einen Thread auf Erstellen eines Materialdesign-Themas für Dojo, das in den ersten Stunden recht populär wurde. Es gibt jedoch Fragen zum Erstellen dieses Themas für das aktuelle Dojo 1.10 vs. das nächste Dojo 2. Die Antwort auf diesen Thread zeigt eine aktive und breite Community, die viele Zeitzonen abdeckt.

    Leider ist Dojo hat an Popularität eingebüßt und weniger Unternehmen scheinen es zu nutzen , obwohl in der Unternehmenswelt stark Fuß gefasst hat . In 2009-2012 war die Lernkurve war steil und die Dokumentation verbesserungsbedürftig; Während die Dokumentation hat sich wesentlich verbessert , ist es unklar, wie einfach es ist, Dojo heutzutage zu erlernen.

    Mit einem Material Design theme könnte Dojo (2.0?) Das beste Framework für UI-Komponenten sein.

    WikipediaGitHubThemesDemosDesktop-Widgets ALSO

  14. Enyo - Front-End-Bibliothek für Mobil- und TV-Apps (z. B. große berührungsfreundliche Steuerelemente). Entwickelt von LG Electronix und Apache-lizenziert auf GitHub .

  15. Das radikale Cappuccino - Objective-J (eine Obermenge von JavaScript) anstelle von HTML + CSS + DOM

  16. Mochaui , Benutzeroberflächenbibliothek von MooTools. <300 GitHub-Sterne.

  17. CrossUI - browserübergreifendes JS-Framework zum Entwickeln und Packen des gleichen Codes und der gleichen Benutzeroberfläche in Web-Apps, native Desktop-Apps (Windows, OS X, Linux) und mobile Apps (iOS, Android, Windows Phone, Brombeere). Open Source LGPL3. Empfohlenes RAD Tool (Formularersteller usw.). Die Benutzeroberfläche sieht desktop- und nicht weborientiert aus. Aktiv entwickelt, kleine Community . Keine Präsenz auf GitHub .

  18. ZinoUI - einfache Widgets. Die DataTable unterstützt beispielsweise nicht einmal das Sortieren.

  19. Wijmo - gut aussehende kommerzielle Widgets, mit alten (jQuery UI) Widgets als Open Source auf GitHub (ihre Entwicklung wurde 2013 eingestellt). Entwickelt von ComponentOne , einer Abteilung von GrapeCity. Siehe Wijmo Complete vs. Open .

  20. CxJS - Kommerzielles JS-Framework basierend auf React, Babel und Webpack, das Formularelemente, Formularvalidierung, erweiterte Rastersteuerung, Navigationselemente, Tooltips, Überlagerungen, Diagramme, Routing, Layoutunterstützung, Themen, kulturabhängige Formatierung und Mehr.

CxJS

Widgets - Demo Apps - Beispiele - GitHub

Full-Stack-Frameworks

  1. SproutCore - entwickelt von Apple für Webanwendungen mit nativer Leistung, die große Datenmengen auf dem Client verarbeiten. Powers iCloud.com. Nicht für Widgets gedacht.

  2. Wakanda : Für Web-Apps für Unternehmen - siehe Was ist Wakanda? . Die Architektur:

  3. Servoy - "Eine plattformübergreifende Frontend-Entwicklungs- und Bereitstellungsumgebung für SQL-Datenbanken". Bietet einen vollständigen WYSIWIG-UI-Designer (What You See Is What You Get) für HTML5 mit integrierter Datenbindung für Back-End-Dienste, responsives Design, Unterstützung für HTML6-Webkomponenten, Websockets und mobile Plattformen. In Java geschrieben und generiert JavaScript-Code mit verschiedenen JavaBean s.

  4. SmartClient/SmartGWT - mobile und browserübergreifende HTML5-UI-Komponenten in Kombination mit einem Java Server. Ziel ist die Erstellung leistungsfähiger Geschäftsanwendungen - siehe Demos .

  5. Vaadin - Java/GWT + JavaScript/HTML3-Web-App-Framework mit vollem Stack

  6. Backbase - Portalsoftware

  7. Shiny - Front-End-Bibliothek mit Visualisierungs-, Layout- und Steuerungs-Widgets

  8. ZKOSS : Java + jQuery + Bootstrap-Framework zum Erstellen von Enterprise-Web- und Mobile-Apps.

CSS-Bibliotheken + minimale Widgets

Diese Bibliotheken implementieren keine komplexen Widgets wie Tabellen mit Sortierung/Filterung, automatischen Vervollständigungen oder Bäumen.

  1. Bootstrap

  2. Foundation for Apps - reaktionsschnelles Front-End-Framework auf AngularJS-Basis; mehr von einem Raster/Layout/Navigation Bibliothek

  3. I Kit - Ähnlich wie Bootstrap, mit weniger Widgets, aber mit offiziellem Off-Canvas.

Bibliotheken mit HTML Canvas

Die Verwendung der Canvas-Elemente ermöglicht eine vollständige Kontrolle über die Benutzeroberfläche und eine hervorragende Cross-Browser-Kompatibilität, geht jedoch zu Lasten von Kosten für fehlende native Browser-Funktionalität , z. Seitensuche mit Strg/Cmd + F.

  1. Zebra - Demos

Ab Dezember 2014 nicht mehr entwickelt

  1. Yahoo! User Interface - YUI , das 2005 gestartet wurde, aber nicht mehr von den wichtigsten Mitwirkenden gepflegt wird - siehe Ankündigung , das die Gründe hervorhebt, warum große Widget-Bibliotheken der Benutzeroberfläche als ummauert wahrgenommen werden Gärten, in die Entwickler nicht eingeschlossen werden wollen.
  2. echo , GitHub . Unterstützt das Schreiben von serverseitigen Java) - Anwendungen, für die keine Entwicklerkenntnisse in HTML, HTTP oder JavaScript erforderlich sind, oder clientseitigen JavaScript-basierten Anwendungen, für die kein Server erforderlich ist, mit denen jedoch kommuniziert werden kann Eins über AJAX Letzte Aktualisierung: Juli 2013.
  3. ampleSDK
  4. Einfachere Widgets livepipe.net
  5. JxLib
  6. Rialto
  7. Einfaches UI-Kit
  8. Prototype-ui

Andere Listen

364
Alex Nolasco