Rich Javascript UI Frameworks, EXT, DOJO und YUI

Question

Haftungsausschluss & Langwierige Frage nähert sich

Ich weiß, dass Themen wie dieses hier schon zu Tode geprügelt wurden, also genügt es zu sagen, dass ich nicht frage, welcher Rahmen besser ist, ich interessiere mich nicht wirklich für Meinungen über den besseren Rahmen. Sie alle tun ziemlich erstaunliche Dinge.

Die Frage

In Anbetracht der Tatsache, dass ich eine bestehende Webanwendung habe, die größtenteils aus regulärem HTML+CSS (jQuery, wo nötig) besteht, welches ist der optimale Rahmen, um ein paar "reichhaltige" Seiten in typischerweise einen regulären HTML-Strom zu integrieren.

Grund

Ich versuche, unsere bewährte Anwendung in den Bereich der fantastischen Desktop-ähnlichen UI zu bringen, aber ich möchte es ein kleines Stück, ein Bildschirm zu einer Zeit zu tun. Aber für unsere Benutzer, das Support-Personal und vor allem für mich ist es die einzige Option, es langsam anzugehen.

Außerdem ist es bei unseren Anforderungen an das Branding keine Option, ein Framework zu haben, das einfach den Viewport übernimmt, sondern es muss mit dem anderen HTML auf dem Bildschirm harmonieren.

Stellen Sie sich vor, das Beispiel wäre ein Rich User Manager in einer ansonsten einfachen HTML+CSS-Umgebung.

Bisherige Erfahrungen

Dojo + Dijit
Profis : Die neuen 1.5 Widgets und das claro-Thema sind das Heilmittel für unsere Probleme. Dojo scheint in der Lage zu sein, Markup zu verwenden, um die UI zu erstellen, die sehr ansprechend ist und eine angemessene Anzahl von Widgets hat.

Nachteile : Heiliger Batman der aufgeblähten Bibliothek! Dojo scheint riesig zu sein, und ich muss ein benutzerdefiniertes Build-System lernen, damit es aufhört, 4.800 Javascript-Dateien anzufordern. Diese komplexe Reich von Javascript macht mich glauben, ich werde nicht in der Lage sein, viel zu erstellen, die nicht bereits vorhanden ist.

ExtJS
Profis : Erstaunliche Reihe von Widgets, tut alles, was wir möglicherweise wollen könnte. Scheint schnell, jede Version bringt neue Verbesserungen.

Nachteile : Ich bin mir nicht sicher, wie ich diese Funktion nutzen kann, ohne dass das gesamte Display EXT ist. Ich bin immer noch eine Website zu bauen, so würde ich etwas, das in das, was wir bereits haben integrieren könnte bevorzugen. Einige Hinweise hier wäre großartig.

YUI
Profis : Nun, es ist Yahoo, nicht wahr? Die AWS-Konsole ist geradezu genial. Jede Menge Support und eine riesige Community.

Nachteile : Nun, es ist Yahoo, nicht wahr? Die AWS-Konsole ist das einzig Verrückte. Kompliziert für jemanden, der an jQuery gewöhnt ist.

Helfen Sie mir

Ich bin bereit, Erfahrungen, Links zu Lösungen für die von mir beschriebenen Probleme, neue Toolkits (auch wenn ich mir ziemlich sicher bin, dass ich die meisten schon kenne) oder auch nur Ratschläge anzunehmen.

Answer 1

Was ExtJS betrifft, so ist es ziemlich einfach, es in einem bestehenden Div mit etwas wie diesem zu starten:

Ext.onReady(function() {
    App = new Ext.Panel({...})
    App.render('div-id')
});

Das App-Panel kann dann einen eigenen Layout-Manager haben.

Answer 2

Dies könnte nützlich sein, wenn Sie mit jQuery, aber noch nicht mit der YUI 3-Syntax vertraut sind: http://www.jsrosettastone.com/

Jede der von Ihnen aufgeführten Libs ist ausgezeichnet. Wenn man ein größeres Projekt in Angriff nimmt, werden die Qualität der Dokumentation, die Gemeinschaft und das Engagement für den Support einer Bibliothek immer wichtiger.

Answer 3

Bei Dojo ist zu beachten, dass außerhalb von Dojo Base immer nur das geladen wird, was Sie ihm mitteilen. Aber ja, ohne eine gebaute Schicht, das bedeutet, es könnte leicht am Ende 50 JS-Dateien beim Start für eine große Anwendung mit einer Reihe von Widgets anfordern.

• Im Referenzhandbuch gibt es mehrere Seiten, die das Build-Skript dokumentieren: http://www.dojotoolkit.org/reference-guide/build/index.html
• Rebecca Murphey hat einen schönen Blogbeitrag geschrieben, in dem sie ein Beispiel für eine Anwendung und ein Build-Profil skizziert, das Sie vielleicht aufschlussreich finden: http://blog.rebeccamurphey.com/scaffolding-a-buildable-dojo-application
• Wenn du nicht weiterkommst, gibt es wahrscheinlich Leute im Dojo IRC-Kanal, die dir helfen können.

RE ExtJS: Ich bin nicht sicher, was Ihre genaue Situation ist, aber denken Sie daran, dass, wenn Sie beabsichtigen, es in kommerziellen Nicht-Open-Source-Software verwenden, müssen Sie für Lizenzen zu zahlen: http://www.sencha.com/store/js/

Ich bin ein wenig neugierig, warum Sie denken, dass die Größe / Anzahl der Anfragen speziell ein Problem mit Dojo ist, obwohl. Ich habe die anderen nicht verwendet, aber ich würde erwarten, dass es etwas von einem potenziellen Problem mit jedem von ihnen sein.