Quelles sont les alternatives à ExtJS ?

Question

Ce que je recherche, c'est un cadre javascript que je puisse utiliser et qui dispose de plusieurs contrôles d'interface utilisateur. J'ai jeté un coup d'œil à jQuery mais ces contrôles sont très basiques par rapport à ExtJS. Existe-t-il d'autres alternatives compétitives ?

Cette question existe parce qu'elle a une signification historique, mais ce n'est pas considéré comme une bonne question sur le sujet pour ce site. Ne vous en servez pas comme preuve que vous pouvez poser des questions similaires ici. Plus d'informations : centre d'assistance .

Answer 1

Rien ne se compare à extjs en termes de taille de la communauté et de présence sur StackOverflow. Malgré la controverse précédente, Ext JS a maintenant une Licence open source GPLv3 . Sa courbe d'apprentissage est longue, mais il peut être assez gratifiant une fois appris . Ext JS ne dispose pas d'un thème Material Design et l'équipe a répété à plusieurs reprises a refusé de publier le code source sur GitHub . Pour les mobiles, il faut utiliser la bibliothèque distincte Sencha Touch.

Gardez également à l'esprit que,

Les grandes bibliothèques JavaScript, telles que YUI, ont reçu moins d'attention de la part de la communauté. De nombreux développeurs considèrent aujourd'hui les grandes bibliothèques JavaScript comme des jardins clos dans lesquels ils ne veulent pas s'enfermer.

-- Annonce de l'arrêt du développement de YUI

Cela dit, vous trouverez ci-dessous un certain nombre d'alternatives à Ext JS actuellement disponibles.

Bibliothèques de widgets de clients de premier plan

1. Plan d'action est une boîte à outils d'interface utilisateur basée sur React et développée par la société d'analyse de données volumineuses Palantir en TypeScript, et "optimisé pour la création d'interfaces complexes à forte densité de données pour les applications de bureau". Développé activement sur GitHub à partir de mai 2019, avec une documentation complète. Les composants vont du simple ( puces , toast , icônes ) à complexe ( arbre , tableau de données, balise d'entrée avec autocomplétion , sélecteur de plage de dates . Non accordéon o redresseur .

   Blueprint est destiné aux navigateurs modernes (Chrome, Firefox, Safari, IE 11 et Microsoft Edge) et fait l'objet d'une licence d'utilisation. licence Apache modifiée .

   Bac à sable / démo - GitHub - Docs

2. Webix - une avancée, facile à apprendre La bibliothèque de composants d'interface utilisateur JavaScript gratuite et à code source ouvert, conviviale, réactive et riche. Webix filé de DHTMLX Touch (un projet qui a nécessité 8 ans de développement - voir ci-dessous) et est devenu un cadre autonome de composants d'interface utilisateur. Le site Edition GPL3 autorise l'utilisation commerciale et permet aux applications non-GPL utilisant Webix de conserver leur licence, par exemple MIT, via un fichier exemption de licence pour les logiciels libres . Webix dispose de 55 widgets d'interface utilisateur, dont des arbres, des grilles, des arborescences et des graphiques. Le financement provient d'une édition commerciale avec quelques widgets avancés (Pivot, Scheduler, Kanban, organigramme etc.). Webix dispose d'une liste étendue de widgets gratuits et commerciaux, et s'intègre à la plupart des sites Web populaires. cadres (React, Vue, Meteor, etc) et Composants de l'interface utilisateur .

   

   Skins ont un aspect moderne, et comprennent un Conception matérielle thème. Le site Thème tactile a également l'air assez proche du Material Design. Voir aussi le Bâtisseur de peau .

   Présence minimale sur GitHub mais inclut le code de la bibliothèque, et la documentation (qui nécessite encore des améliorations majeures). Webix souffre d'une équipe réduite et d'une manque de marketing . Cependant, ils ont été réceptifs aux commentaires des utilisateurs, à la fois sur GitHub y sur leur forum .

   La bibliothèque était légère (128Kb gzip+minifié pour les 55 widgets depuis 2015), plus rapide que ExtJS, dojo et autres et le design est agréable. La version actuelle de Webix (v6, en date de nov. 2018) s'est alourdie ( 400 - 676kB minifié mais PAS gzippé).

   Les démos sur Webix.com aspect et fonction grand . Le développeur, XB Software La Commission européenne, qui utilise Webix dans des solutions qu'elle construit pour des clients payants, a donc un bel avenir devant elle.

   Webix vise la rétrocompatibilité jusqu'à IE8 et, de ce fait, porte algunos technique dette .

   Wikipedia - GitHub - Terrain de jeu/bac à sable - Démonstration du tableau de bord de l'administrateur - Démos - Exemples de widgets

3. react-md - Bibliothèque de composants d'interface utilisateur Material Design sous licence MIT pour React. Réactive, accessible. Implémente des composants allant du simple (boutons, cartes) au complexe (tableaux triables, autocomplétion, saisie de tags, calendriers). Un auteur principal , ~1900 étoiles GitHub.

4. kendo - Boîte à outils d'interface utilisateur basée sur jQuery avec plus de 40 widgets de base à code source ouvert, plus des widgets professionnels commerciaux (grilles, arbres, graphiques, etc.). Support réactif et mobile. Fonctionne avec Bootstrap et AngularJS. Moderne, avec Thèmes de conception matérielle . Le site La documentation est disponible sur GitHub qui a permis de nombreuses contributions de la part des utilisateurs (4500+ commits, 500+ PRs en janvier 2015).

   

   Bien supporté commercialement, revendiquant des millions de développeurs, et faisant partie d'une grande famille d'outils de développement. Telerik a reçu de nombreux éloges est une société multinationale (Bulgarie, États-Unis), qui a été rachetée par Progress Software et est un pensée leader .

   A La licence de développeur de Kendo UI Professional coûte 700 $. y accès en ligne à la plupart des forums est conditionné par le fait d'avoir une licence ou d'être en période d'essai.

   [Wikipedia] - GitHub/Telerik - Démos - Terrain de jeux - Outils

5. OpenUI5 - Basé sur jQuery Cadre d'interface utilisateur comprenant 180 widgets, sous licence Apache 2.0, entièrement à source ouverte et financé par le géant allemand du logiciel. SAP SE .

   

   La communauté est beaucoup plus grande que celle de Webix, SAP recrute des développeurs pour développer OpenUI5 et ils a présenté OpenUI5 à l'OSCON 2014 .

   Les thèmes de bureau sont plutôt médiocres, mais les Conception Fiori pour le web et le mobile semble propre et soigné.

   Wikipedia - GitHub - Démonstrations de contrôles axés sur le mobile - Démonstrations de commandes de bureau - SO

6. DHTMLX - Bibliothèque JavaScript pour la création d'applications Web et mobiles riches. Elle ressemble beaucoup à ExtJS - vérifiez l'icône démos . A été développé depuis 2005 mais qui reste moderne. Tous les composants sauf TreeGrid sont disponibles sous licence GPLv2, mais les fonctionnalités avancées de nombreux composants ne sont disponibles que dans l'édition commerciale PRO - voir par exemple l'application arbre . Affirme être utilisé par de nombreuses entreprises du Fortune 500.

   

   Présence minimale sur GitHub (le code de la bibliothèque principale est manquant) et StackOverflow mais forum actif . Le site La documentation est no disponible sur GitHub ce qui rend difficile son amélioration par la communauté.

7. Polymère un polyfill de composants Web, plus Papier polymère L'application Material design de Google. Destiné aux applications web et mobiles. Il ne dispose pas de widgets avancés tels que des arbres ou même des grilles, mais les contrôles qu'il fournit sont axés sur le mobile et réactifs. Utilisé par de nombreux grands acteurs, par ex. IBM o USA Today .

   

8. Conception de fourmis affirme qu'il s'agit d'"un langage de conception pour les applications d'arrière-plan", influencé par la "nature" et aidant les concepteurs "créer une atmosphère de faible entropie pour l'équipe de développeurs" . Il s'agit probablement d'une mauvaise traduction du chinois pour "composants d'interface utilisateur pour les applications Web d'entreprise". Il s'agit d'une bibliothèque React UI écrite en TypeScript, avec de nombreux composants, des plus simples (boutons, cartes) aux plus avancés ( autocomplétion , calendrier , entrée de la balise , tableau ).

   Le projet a été né en Chine c'est populaire auprès des entreprises chinoises et certaines parties de la documentation sont disponibles uniquement en chinois . Assez populaire sur GitHub Pourtant, elle rend le l'erreur de diviser la communauté dans les salons de discussion en chinois et en anglais. Le design ressemble à celui de Material, mais les polices de caractères sont petites et les informations semblent perdues dans une multitude d'espaces blancs.

9. PrimeUI - Une collection de 45+ widgets riches basés sur jQuery UI. Licence Apache 2.0. Petit Communauté GitHub . 35 thèmes premium disponibles.

10. qooxdoo - "un cadre universel JavaScript avec un ensemble cohérent de composants individuels", développé et financé par l'hébergeur allemand 1&1 (voir l contributeurs l'une des plus grandes sociétés d'hébergement au monde. GPL/ EPL (une licence favorable aux entreprises).

    Les thèmes pour mobiles ont l'air modernes, mais les thèmes pour ordinateurs de bureau ont l'air vieux (dégradés).

    

    Wikipedia - GitHub - Démonstrations Web/Mobile/Bureau - Navigateur de démonstration des widgets - Navigateur de widgets - SO - Terrain de jeux - Communauté

11. jQuery UI - facile à prendre en main ; look un peu vieillot ; manque de widgets avancés. Bien sûr, vous pouvez le combiner avec des widgets indépendants pour des besoins particuliers, par ex. arbres o autres composants de l'interface utilisateur mais on peut en dire autant de tout autre cadre.

12. angulaire + Angular UI . Bien qu'Angular soit soutenu par Google, il fait l'objet d'une refonte radicale dans la prochaine version 2.0, et "les utilisateurs devront se familiariser avec un nouveau type d'architecture". Il a également été confirmé qu'il y aura pas de chemin de migration d'Angular 1.X vers 2.0 ". En outre, le consensus semble être que Angular 2 ne sera pas vraiment prêt à être utilisé avant un an ou deux. . Angular UI comporte relativement peu de widgets (pas d'arbres, par exemple).

13. DojoToolkit et leur puissant ensemble de Dijit widgets . Complètement en libre accès et développé activement sur GitHub mais le développement est maintenant (nov. 2018) axé sur la nouvelle version du programme. dojo.io qui comporte très peu de widgets de base. Licence BSD/AFL. Le développement a commencé en 2004 et la Dojo Foundation est sponsorisée par IBM, Google et d'autres - voir Wikipedia . 7500 questions ici sur SO .

    

    Les thèmes sont orientés vers le bureau et datés - voir l testeur de thème dans dijit . Le site aperçu du thème officiel est cassé et n'affiche que "Claro". A Le thème Bootstrap existe qui ressemble beaucoup à Bootstrap, mais qui n'utilise pas les classes Bootstrap. En janvier 2015, j'ai lancé un fil de discussion sur création d'un thème Material Design pour Dojo qui a été très populaire dès les premières heures. Cependant, il y a des questions concernant la construction de ce thème pour l'actuel Dojo 1.10 vs. le prochain Dojo 2.0 . La réponse à ce fil de discussion montre une communauté active et étendue, couvrant de nombreux fuseaux horaires.

    Malheureusement, Le dojo a perdu de sa popularité y moins d'entreprises semblent l'utiliser malgré avoir (avait ?) un pied ferme dans le monde de l'entreprise . En 2009-2012, son la courbe d'apprentissage était raide et la documentation devaient être améliorés, tandis que le la documentation s'est considérablement améliorée il n'est pas clair s'il est facile de prendre le Dojo de nos jours.

    Avec un Thème Material Design Dojo (2.0 ?) pourrait être le meilleur cadre pour les composants d'interface utilisateur.

    Wikipedia - GitHub - Thèmes - Démos - Widgets de bureau - SO

14. Enyo - bibliothèque frontale destinée aux applications mobiles et télévisuelles (par exemple, grandes commandes tactiles). Développée par LG Electronix et Sous licence Apache sur GitHub .

15. Le radical Cappuccino - Objective-J (un sur-ensemble de JavaScript) au lieu de HTML+CSS+DOM

16. Mochaui , MooTools UI Library Bibliothèque d'interface utilisateur. <300 étoiles GitHub.

17. CrossUI - framework JS multi-navigateur pour développer et intégrer exactement le même code et la même interface utilisateur dans des applications Web, des applications de bureau natives (Windows, OS X, Linux) et des applications mobiles (iOS, Android, Windows Phone, BlackBerry). Source ouverte LGPL3. Outil RAD (form builder etc.). L'interface utilisateur est orientée vers le bureau et non vers le Web. Petite communauté activement développée . Aucune présence sur GitHub .

18. ZinoUI - des widgets simples. La DataTable, par exemple, ne prend même pas en charge le tri.

19. Wijmo - des widgets commerciaux de bonne qualité, avec des widgets anciens (jQuery UI) en libre accès sur GitHub (leur développement s'est arrêté en 2013). Développé par ComponentOne une division de GrapeCity. Voir Wijmo complet ou ouvert .

20. CxJS - framework JS commercial basé sur React, Babel et webpack offrant des éléments de formulaire, la validation de formulaire, le contrôle avancé de la grille, les éléments de navigation, les infobulles, les superpositions, les graphiques, le routage, le support de la mise en page, les thèmes, le formatage dépendant de la culture et plus encore.

Widgets - Applications de démonstration - Exemples - GitHub

Cadres de travail complets

1. SproutCore - développé par Apple pour les applications web avec des performances natives, traitant de grands ensembles de données sur le client. Fonctionne avec iCloud.com. Non destiné aux widgets.

2. Wakanda : destiné aux applications web d'entreprise - voir Qu'est-ce que le Wakanda ? . Architecture :

   • Serveur Wakanda (JavaScript côté serveur ( moteur personnalisé ) + open-source Base de données NoSQL )
   • IDE de bureau et éditeur WYSIWYG pour les tableaux, formulaires et rapports

   • Cadre d'application Wakanda (couche de sources de données + widgets d'interface basés sur le navigateur) qui contribue à la compatibilité des navigateurs et des appareils sur les ordinateurs de bureau et les téléphones portables.

     Le Wakanda est très intégré, comprend une tonne de fonctionnalités prêtes à l'emploi mais a une très petite communauté GitHub y Présence de SO .

3. Servoy - un environnement de développement et de déploiement frontal multiplateforme pour les bases de données SQL". Il est doté d'un "concepteur d'interface utilisateur WYSIWIG (What You See Is What You Get) complet pour HTML5 avec liaison de données intégrée aux services back-end", d'un design réactif, de la prise en charge des composants Web HTML6, des Websockets et des plateformes mobiles. Écrit en Java et génère du code JavaScript en utilisant divers JavaBean s.

4. SmartClient/SmartGWT - des composants d'interface utilisateur HTML5 mobiles et multi-navigateurs combinés à un serveur Java. Destiné à la création d'applications professionnelles puissantes - cf. démos .

5. Vaadin - framework complet d'applications web Java/GWT + JavaScript/HTML3

6. Base arrière - logiciel de portail

7. Brillant - bibliothèque frontale sur R, avec des widgets de visualisation, de mise en page et de contrôle

8. ZKOSS : Framework Java+jQuery+Bootstrap pour la création d'applications web et mobiles d'entreprise.

Bibliothèques CSS + widgets minimaux

Ces bibliothèques n'implémentent pas de widgets complexes tels que des tableaux avec tri/filtrage, des autocompléments ou des arbres.

1. Bootstrap

2. Fondation pour les applications - cadre frontal réactif reposant sur AngularJS ; il s'agit plutôt d'une bibliothèque de grille/layout/navigation

3. Kit UI - similaire à Bootstrap, avec moins de widgets, mais avec un off-canvas officiel.

Bibliothèques utilisant HTML Canvas

L'utilisation d'éléments de canevas permet un contrôle total de l'interface utilisateur et une grande compatibilité avec les navigateurs, mais elle se heurte à l'inconvénient suivant coût de l'absence de fonctionnalité native du navigateur par exemple, la recherche de pages par Ctrl/Cmd+F.

1. Zebra - démos

N'est plus développé depuis décembre 2014

1. Interface utilisateur Yahoo ! - YUI lancée en 2005, mais qui n'est plus maintenue par les principaux contributeurs - voir le site web de la Commission européenne. annonce qui met en évidence les raisons pour lesquelles les grandes bibliothèques de widgets d'interface utilisateur sont perçues comme des jardins clos dans lesquels les développeurs ne veulent pas s'enfermer.
2. écho3 , GitHub . Il permet d'écrire des applications Java côté serveur qui ne nécessitent pas de connaissances en HTML, HTTP ou JavaScript, ou des applications JavaScript côté client qui ne nécessitent pas de serveur, mais qui peuvent communiquer avec un serveur via AJAX. Dernière mise à jour : juillet 2013.
3. ampleSDK
4. Des widgets plus simples livepipe.net
5. JxLib
6. rialto
7. Kit d'interface utilisateur simple
8. Prototype-ui

Autres listes

• Best of JS - boîtes à outils pour composants
• Wikipedia Comparaison des frameworks JavaScript
• La liste de Wikipedia des Bibliothèques JavaScript liées à l'interface graphique
• jqueryuiwidgets.com - comparaison détaillée des fonctionnalités des widgets jQuery

Answer 2

Si vous considérez ExtJS comme un framework enveloppant des widgets/constrols, vous devriez essayer Ample SDK o Cadre Ajax Backbase Si vous êtes à la recherche d'une bibliothèque JavaScript qui simplifie le codage contre le DOM, optez pour jQuery .

Answer 3

QooxDoo semble avoir un bon ensemble de widgets.

Answer 4

Pour le développement RIA (côté client), Qooxdoo est un outil très puissant gratuit cadre.

Vous pouvez consulter Référence API (fonctionne sur Qooxdoo lui-même) et Navigateur de démonstration .

Au premier abord, la chaîne d'outils de développement Qooxdoo (écrite en Python) peut sembler maladroite. Mais il s'agit en fait d'un système assez robuste. Lorsque vous êtes prêt à publier votre code, il est compilé en un fichier HTML et deux fichiers JavaScript. Il n'a aucune dépendance vis-à-vis du serveur et fonctionne assez rapidement.

jQuery est le framework JavaScript général de facto pour de nombreuses personnes (dont moi). Et Qooxdoo n'est pas un remplacement de jQuery. Il est bon pour la tâche spécifique de développement d'applications Internet riches . Pensez à une application de type bureautique à page unique.

Answer 5

Vous pouvez aussi consulter Bibliothèque de l'interface utilisateur de Yahoo !