Summary of GWT 2.0 features

1. GWT 2.0 is Smarter than You Robert “kebernet” Cooper Internap Network Services Inc. GWT in Practice (http://manning.com/cooper)

5. I18n Strategy (Out of the Box)

6. Image DL optimization (Out of the Box)

9. SOYC

14. XB testing on one device

16. Browser-specific CSS options

17. Templates for Sprites, etc.

19. Integrates better with standard methodology

22. Driven by NPAPI plugin for all browsers

23. Demo

26. Compiled Stylesheets (Examples) MyModule.css: @def smallText 10px; @def baseText #00CCCC; .myLabelText { font-size: smallText; Color: baseText; } .myUnderline { Border-bottom: 1px solid baseText; }

27. Compiled Stylesheets (Examples) interface MyModuleCss extends CssResource { String myLabelText; @ClassName(“myUnderline”) //Optional (name) String myUnderlineClass; }

28. Compiled Stylesheets (Examples) /* @if (compile property) (match value)... */ @if user.agent msie msie8 { .halfOpaque { filter: alpha(opacity = 50); } } @ else { .halfOpaque { opacity: 0.5; } }

29. Compiled Stylesheets (Examples) @sprite .myEditButton { border: 1px outset silver; background: silver; Gwt-image: “edit-icon”; }

31. I18n of all resources based on naming

32. One-line compile-time optioning off all resources

33. Compiled Resources (Examples) interface MyResources extends ClientBundle { @Source(“MyModule.css”) @Strict Css myCss; // Depends on below! @Source(“MyEditIcon.png”) ImageResource editIcon; @Source(“SomeTextFile.txt”) //LOAD FROM WEB! ExternalTextResource configFile; }

35. @Source() +”.[ln]” (EN, FR)

36. @Source()

39. (Better than Android :/)

40. Cleaner than using Widgets everywhere

41. UIBinder (Examples) MyWidget.xml: <!DOCTYPE ui:UiBinder SYSTEM &quot;http://dl.google.com/gwt/DTD/xhtml.ent&quot;> <ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder' xmlns:g='urn:import:com.google.gwt.user.client.ui'> <g:HTMLPanel> <span ui:field=”label”/> <g:ListBox ui:field='listBox' visibleItemCount='1'/>. </g:HTMLPanel> </ui:UiBinder>

42. UIBinder (Examples) MyWidget.java: class MyWidget extends Widget { //Or UIObject interface Binder extends UIBinder<Widget, MyWidget>{} // forces compile generation; private static final Binder BINDER = GWT.create(Binder.class); @UiField SpanElement label; @UiField ListBox listBox;

43. UIBinder (Examples) MyWidget.java (cont): public MyWidget(String label,String... options){ setElement(BINDER.createAndBindUI(this)); for(String option : options){ this.listBox.addItem(option); } this.label.setInnerText(label); } }

45. Super Simple Syntax

46. All Memory References Remain in Place

47. Some Dev Planning Needed for Optimal Use

49. Anonymous classes follow Java spec of custom <init> based on final availability as constructor args and Pass-By-(Pointer-)Value states

50. Statics held on Prototypes : no global JavaScript context

52. GWT proxies the current pointer references into a callback JavaScript method

53. A separate JavaScript file is loaded into the current runtime

54. The callback method is invoked with the current pointer set

55. Subsequent calls simply invoke the callback method directly once the code is loaded.

57. Try and break code as cleanly as possible

59. Caching strategies don't span pointcuts

61. Math between fixed pixel size panels and “rest” isn't cleanly supported by CSS and requires .reflow() handlers

64. Sizes determined by internal elements, not the wrapper

66. Provides default fill for unsized elements

67. Control is in the panel, not the elements

68. GWT 2.0 LayoutPanel (Examples) DockPanel.java: DockLayoutPanel p = new DockLayoutPanel(Unit.EM); p.addNorth(new HTML(&quot;header&quot;), 2); p.addSouth(new HTML(&quot;footer&quot;), 2); p.addWest(new HTML(&quot;navigation&quot;), 10); p.add(new HTML(content));

70. Changing EM to PCT doesn't alter the fill for “Content”

71. Internals use CSS to handle fill sizes, so OpenGL/PDF/Whatever rendering systems apply and doesn't require a separate eventing chain

74. Compiled CSS iteration includes all images Base64, but Gziped if done right

75. Pointcuts allow for fractional Code+CSS downloads as part of sub-apps

76. New Layout system is faster and requires less “onAttach()/onWindowResize()” hackery

77. New developer toolchain is easier to use