Laying Out Your GWT Application

With the release of version 2.0 of GWT they have incorporated a feature known as "Declarative Layout with UiBinder".  IN previous versions of GWT you constructed pages purely in code, xreate panel, add object to panel in this position etc.  Now you can declare a user interface xml file which allows you to see more clearly how an object is layed out.  Similarly to ASP.Net where you have special objects for text boxes, user controls, etc. here you have a GWT equivalent:

<!-- HelloWorld.ui.xml -->

<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'>
  <div>
    Hello, <span ui:field='nameSpan'/>.
  </div>
</ui:UiBinder>

Tutorial on declarative UI is here: http://code.google.com/webtoolkit/doc/latest/DevGuideUiBinder.html#Panels