GWT Xtend TodoMVC

This implementation of the TodoMVC app uses GWT and Xtend. It has a backend running on the Google App Engine that is used to load and store your todos.

Try the app at http://1-dot-todomvc.appspot.com.

Why GWT?

GWT allows you to use Java and all your tools and infrastructure for the client and for the server side. Using its widget library you can also abstract a bit from the DOM and browsers differences.

Why Xtend?

For the client side you frequently have to specify callbacks. Those can be pretty verbose in Java. Xtend has a very noise-less syntax for the same thing to specify. Additionally, a lot of boiler plate code can be saved by using Xtends cool new 'Active Annotations'.

Code Samples

List processing

// filter out todos that are done
todos = todos.filter[!done].toList

// mark all todos as completed
todos.forEach[done = true]

UI Builder

  flowPanel [
    styleName = 'view'
    checkBox = checkBox [
        styleName = 'toggle'
        onClick [
            todo.done = !todo.done
            updateView
            updateTodo.apply(todo)
        ]
    ]
    label = label [
        onDoubleClick [
            editMode
        ]
    ]
    button [
        styleName = 'destroy'
        onClick [
            deleteTodo.apply(todo)
        ]
    ]
]