Rich Javascript UI Frameworks, EXT, DOJO and YUI

Disclaimer & Long Winding Question Approaching

I know topics like this have been beaten to death here so suffice to say I'm not asking about which framework is better, I don't really care about opinions on the better framework. They all do pretty amazing things.

The Question

Given that I have an existing web application, made of mostly regular HTML+CSS (jQuery where needed), which is the optimal framework to integrate a few "rich" pages into typically a regular stream of HTML.

Reason

I am trying to bring our proven application into the realm of awesome desktop like UI but I want to do it one small piece, one screen at time. But for our users, support personel and especially me taking it slow is the only option.

Also, with our branding requirements having a framework that just takes over the viewport isn't an option, it has to play nice with other HTML on the screen.

Imagine the example being a rich user manager in an otherwise plain HTML+CSS environment.

Experience Thus Far

Dojo + Dijit Pros: The new 1.5 widgets plus the claro theme is the cure for what ails us. Dojo seems to be able to use markup to create the UI which is very appealing and has a fair amount of widgets.

Cons: Holy bloated lib Batman! Dojo seems to be enormous and I have to learn a custom build system to get it to stop requesting 4,800 javascript files. This complex empire of Javascript makes me believe I won't be able to create much that isn't already there.

ExtJS Pros: Amazing set of widgets, does everything we could possibly want. Seems quick, every version brings new improvements.

Cons: I'm not sure how to use this without the entire display being EXT. I'm still building a web site, so I would prefer something that could integrate into what we already have. Some pointers here would be great.

YUI Pros: Well, it's Yahoo isn't it? AWS console is downright wicked. Plenty of support and a giant community.

Cons: Well, it's Yahoo isn't it? AWS console is the only wicked thing. Complex for someone who's used to jQuery.

Help Me

I am willing to accept experience, links to ways to solve problems I've outlined, new toolkits (even though I'm pretty sure I've seen most by now) or even just advice.

Answers


Regarding ExtJS, it's pretty easy to start it in an existing div with something like this:

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

The App panel can then have it's own layout manager.


Need Your Help

Sum IIF Expression

visual-studio reporting aggregate iif

Im trying to sum an expression in visual studio and just keep getting an #error but not sure why as this si the first time i have tried to sum an expression, only ever done it on a single field bef...

What is the difference between these files?

r qualtrics

I am writing an R script to program a Qualtrics survey from an Excel template I created. I grab the survey items from the Excel template via the xlsx package and then do a bit of munging to create ...

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.