Vaadin Flow 1.0.0.beta9 is a prerelease version for evaluating the enhancements mentioned below. With subsequent beta releases we may change things based on your feedback, and that may lead to API breaking changes.

Vaadin Flow 1.0.0.beta9

Flow is a new Java web framework for creating UIs using Java or HTML. Flow handles everything related to communication between and client and server and makes it possible to create UIs using the desired abstraction level you choose. It has all the capabilities you need to build a modern web app: from high level APIs for structuring your applications and binding data to it, into taking full control over the DOM and communication with HTML templates.

Flow is a part of the Vaadin platform. For information and helpful resources like documentation and examples on Vaadin Flow, please visit the Flow page vaadin.com/flow.

Enhancements in the new Prerelease

• #467 #468 Add support for filtering, debouncing and trottling events that are sent to the server

It's now possible to configure filter, debounce and trottle settings for the event listeners, by using the @DomEvent annotation or filter, debounce and trottle methods of the DomListenerRegistration class.

• #3984 #3606 Add missing mixing interfaces to html Components

Input now implements HasValue and Focusable, Text implements HasText.

• #3616 Add navigation shorthands on the UI class

Now it is possible to call navigate on the UI using using the navigation target class, instead of just the URL String.

Bug Fixes since Previous Prerelease

• #3935 IE11 in compatibility mode is not detected as IE11
• #3961 AbstractDataProvider listeners are not serializable
• #3982 BeforeEnterListener is not called if added through a UIInitListener in VaadinServiceInitListener
• #3958 The order in which BeforeEnterObservers, BeforeLeaveObservers are executed should be determinable

Breaking changes introduced in the newest Prerelease

• #3834 HasValue simplification

The HasValue interface has been simplified, and all components that implemented HasValue are now extending AbstractField. This was made to decouple the interface from element details, and make it more lightweight for Binder support. Check the individual component releases for the respective details.

• #3236 webjars-bom removed

Now that the Vaadin webcomponents have stable (non-beta) releases, the webjars-bom project is not needed anymore. This shouldn't affect any projects using the vaadin-core (platform) dependency.

• #2249 @ClientDelegate was renamed to @ClientCallable

The renaming was made to make the annotation more meaningful.

Documentation added since last Prerelease

• Changes related to event filtering, deboucing and trottling

• Updated tutorial about production mode

• Updated tutorial with the changes related to HasValue and AbstractField

The complete documentation can be found here

See complete list of changes since previous beta version

Supported Technologies

See the Vaadin platform release notes for browser, server and Java support level.

Known Limitations

• Template-in-Template feature has some limitations
• There is no CDI support #456
• There is no Portal/OSGi support #455

Flow 1.0 Feature Highlights

Using Components to build UIs with only Java

With Flow you to can compose UIs using only Java on the server side. You can use existing components or create your own by creating the DOM from the server side. See the relevant documentation:

• Using Vaadin Components
• Creating New Components and the Element API

Integrating Web Components

Flow allows you to integrate web components and consume them from server side Java. See the web components documentation for more information.

Router

Router is a core concept in Flow, enabling navigation for your website or web app. It is based on HTML5 History API, and makes it possible to for the user to navigate pages back and forward, and keep the page state intact. See the router documentation for more information.

Binding Data to Components

Flow allows you to easily bind your business data to the UI components. You can bind the forms to the business objects by using the Binder, see documentation for more information. For showing a list of data (eg. a database table) on the UI, you can use the DataProvider. See documentation for more information.

Creating UIs Declaratively with Polymer Templates

With Flow you can take full control of building the DOM and the communication by using HTML templates. We recommend using Polymer templates as they bring lots of helpful capabilities on top of the native HTML. See documentation for more information.

Theming Applications

Flow has support for customizing the look and feel of your applications with css, html custom styles or by customizing the ready made Themes provided for Vaadin Components. See the documentation for more information.

Spring Integration

Flow comes with a Spring integration, and you can use it with Spring 5 or Spring Boot 2. Please see the documentation for more information.

Getting Started

For getting started with Vaadin Flow, please see vaadin.com/start where there are three types of examples available:

• Bakery App Starter for Flow and Spring - a full stack example application with Flow and Spring Boot with heavy focus on great UX
• Beverage Buddy App Starter for Flow - a small example app that highlights the basic features of Flow
• Project Base for Flow and Project Base for Flow and Spring
  • A base for your project with some placeholder files available and dependencies available
    All the starters bring the Flow dependency via the Vaadin platform, which is the recommended way for using Flow.

From Flow getting started documentation you can find a step-by-step tutorial.