Learning Vaadin

Componentized Twaattin

The table we used to display our tweets in Chapter 7 displayed the data, but it was lacking in design.

Moreover, Twitter itself has another way of showing the tweets: looking at the site, we can easily see there's potential for a reusable component in the form of a tweet widget!

Designing the component

On the Twitter site, a tweet looks something like this:

There's not much chance a GWT widget is available. So, we are going to go for the composition approach we learned about in the first section.

Laying out the component would look something like this:

Updating Twaattin's code

The most important Twaattin change is the new component. ...