The document summarizes the new features of GWT 2.0, which was released in December 2009. Key features included development mode improvements, speed tracing tools, developer-guided code splitting, compiler optimizations, declarative user interfaces through UiBinder, new layout panels, bundling resources via ClientBundle, using HtmlUnit for testing, and improvements to the Google Plugin for Eclipse. It also provides overviews of UiBinder, ClientBundle, code splitting, speed tracing and unit testing changes in GWT 2.0.

1. GWT 2.0
Sean C. Sullivan
OSCON
July 23, 2010

2. About me

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

7. GWT 2.0
released on December 8, 2009

8. GWT SDK

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

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

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

13. Development Mode

14. Development Mode

15. Development Mode

16. Development Mode

17. Development Mode

18. Google Plugin for Eclipse

19. Google Plugin for Eclipse

20. Google Plugin for Eclipse

21. Google Plugin for Eclipse

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

23. 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

24. 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

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

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

27. 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); }
}

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

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

30. ClientBundle

31. 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

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

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

34. 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

35. 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

36. Speed Tracer

37. Speed Tracer

38. Speed Tracer

39. Demo #1
• GWT 2.0
• HTML 5
• WebSockets

43. Demo #2

46. What’s new in GWT 2.1
• Data presentation widgets
• Model-View-Presenter framework
• Server-side Speed Traces

47. Questions?

48. Thank you