GWT 2.0 December 15 2009 Portland Java User Group

1. GWT 2.0
Sean C. Sullivan
Portland Java User Group
December 15, 2009

3. • write AJAX applications in Java
• compile to JavaScript
• open source
http://code.google.com/webtoolkit/

4. GWT 2.0
released on December 8, 2009

5. GWT SDK

6. New features in GWT 2.0
• Development Mode
• Speed Tracer
• Developer guided code splitting

7. New features in GWT 2.0
• Compiler optimizations
• Draft Compile
• Declarative User Interfaces (UiBinder)

8. New features in GWT 2.0
• Layout panels
• Bundled resources via ClientBundle
• HtmlUnit for testing

9. Development Mode

10. Development Mode

11. Development Mode

12. Development Mode

13. Development Mode

14. Google Plugin for Eclipse

15. Google Plugin for Eclipse

16. Google Plugin for Eclipse

17. Google Plugin for Eclipse

18. Layout panels in GWT 2.0
• relies on the browser’s layout engine
• works correctly in browser’s standards
mode

19. Layout panels in GWT 2.0
• com.google.gwt.user.client.RootLayoutPanel
• com.google.gwt.user.client.LayoutPanel
• com.google.gwt.user.client.ui.DockLayoutPanel

20. Layout panels in GWT 2.0
• com.google.gwt.user.client.ui.SplitLayoutPanel
• com.google.gwt.user.client.ui.StackLayoutPanel
• com.google.gwt.user.client.ui.TabLayoutPanel

21. UiBinder
• declarative layout
• XML
• UiBinder constructs HTML at compile time

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

23. UiBinder
• com.google.gwt.uibinder.client.UiBinder
• com.google.gwt.uibinder.client.UiField

24. UiBinder
public class HelloWorld extends Widget {
interface MyUiBinder extends UiBinder<DivElement, HelloWorld> {}
private static MyUiBinder uiBinder = GWT.create(MyUiBinder.class);
@UiField SpanElement nameSpan;
public HelloWorld() {
// createAndBindUi initializes this.nameSpan
setElement(uiBinder.createAndBindUi(this));
}
public void setName(String name) { nameSpan.setInnerText(name); }
}

25. ClientBundle
• bundle images, CSS, data, and other
resources
• For more information, see
http://code.google.com/webtoolkit/doc/latest/DevGuideClientBundle.html

26. ClientBundle

27. Unit testing with GWT 2.0
As of 2.0, GWTTestCase no longer uses SWT or
native code. Instead, it uses HtmlUnit as the
built-in browser. [...] Debugging GWT Tests in
development mode can be done entirely in a
Java debugger
source: google.com

28. Unit testing with GWT 2.0
By default, GWT runs HtmlUnit in the Firefox3
emulation mode
source: google.com

29. Unit testing with GWT 2.0
Because HtmlUnit is a GUI-less browser, layout
cannot be tested on HtmlUnit.
source: google.com

30. Unit testing with GWT 2.0
... correct tests can sometimes fail on HtmlUnit,
either because the HtmlUnit support for that
feature is lacking or because of HtmlUnit’s
issues with flakiness when running asynchronous
tests
source: google.com

31. Code splitting
• allows you to chunk your GWT code into
multiple fragments for faster startup
• aka “developer guided code splitting”
• For more information, see
http://code.google.com/webtoolkit/doc/latest/DevGuideCodeSplitting.html

32. Speed Tracer

33. Speed Tracer

34. Speed Tracer

35. Demo

36. Questions?