Vaadin 13.0.0.beta1
The Vaadin platform consists of a set of web components, a Java web framework, configurable themes, tools and a set of app templates.
With every major release, we will change and improve things based on your feedback. This may lead to breaking changes, which will be listed for each part of the platform in the breaking changes section.
Visit vaadin.com to get started.
Platform Support
Vaadin 13 is supported for 4 months after GA (general availability). The latest LTS (long term support) version is Vaadin 10. More details of our release model are available on our roadmap page.
Vaadin also provides commercial support and warranty.
New and Noteworthy
- New components:
- Rich text editor
- Grid pro
- Login
- Accordion
- Details
- Email field
- Number field
- Custom field
- New server-side API's:
- Time picker
- Select
- Dynamic routes for Flow
- Grid style generator
- Keyboard shortcuts API for Flow
- Compact variant for Lumo
- Theme settings for Designer
Included Projects and Change Log
The Vaadin platform includes the following projects. Release notes with detailed change logs for each project are linked below.
Projects marked as (Pro) are available for users with Pro or Prime subscriptions. Everything else is free and open source.
Components
- Vaadin Accordion (Flow integration 1.0.1, web component v1.0.0)
- Vaadin Button (Flow integration 1.3.0, web component v2.1.2)
- Vaadin Checkbox (Flow integration 1.3.0, web component v2.2.6)
- Vaadin Combo Box (Flow integration 2.1.0, web component v4.2.2)
- Vaadin Context Menu (Flow integration 2.0.0, web component v4.3.0)
- Vaadin Date Picker (Flow integration 1.3.0, web component v3.3.2)
- Vaadin Time Picker (Flow integration 1.1.0, web component v1.1.1)
- Vaadin Details (Flow integration 1.0.0, web component v1.0.0)
- Vaadin Dialog (Flow integration 1.3.0, web component v2.2.1)
- Vaadin Select (Flow integration 1.0.0, web component v2.0.2)
- Vaadin Form Layout (Flow integration 1.3.0, web component v2.1.1)
- Vaadin Grid (Flow integration 3.0.0, web component v5.3.0)
- Vaadin Icons (Flow integration 1.3.0, web component v4.2.1)
- Vaadin Item (web component v2.1.0)
- Vaadin List Box (Flow integration 1.3.0, web component v1.1.0)
- Vaadin Notification (Flow integration 1.3.0, web component v1.2.1)
- Vaadin Ordered Layout (Flow integration 1.3.0, web component v1.1.0)
- Vaadin Progress Bar (Flow integration 1.3.0, web component v1.1.0)
- Vaadin Radio Button (Flow integration 1.3.0, web component v1.1.5)
- Vaadin Split Layout (Flow integration 1.3.0, web component v4.1.0)
- Vaadin Tabs (Flow integration 1.3.0, web component v2.1.1)
- Vaadin Text Field (Flow integration 1.3.0, web component v2.3.0)
- Vaadin Upload (Flow integration 1.3.0, web component v4.2.1)
- Vaadin Custom Field (Flow integration 1.0.0, web component v1.0.0)
- Vaadin App Layout (Flow integration 1.1.0, web component v1.0.2)
- Vaadin Login (Flow integration 1.0.0, web component v1.0.0)
- Vaadin Board (PRO) (Flow integration 2.2.0, web component v2.1.0)
- Vaadin Charts (PRO) (Flow integration 6.3.0, web component v6.2.1)
- Vaadin Confirm Dialog (PRO) (Flow integration 1.2.0, web component v1.1.0)
- Vaadin Cookie Consent (PRO) (Flow integration 1.2.0, web component v1.1.0)
- Vaadin Crud (PRO) (Flow integration 1.1.0, web component v1.0.1)
- Vaadin Grid Pro (PRO) (Flow integration 1.0.0, web component v1.0.0)
- Vaadin Rich Text Editor (PRO) (Flow integration 1.0.0, web component v1.0.1)
Themes
Java Web Framework
- Vaadin Flow (1.3.0)
- Vaadin Spring Addon (11.0.0)
- Vaadin CDI Addon (10.1.0). You can use the add-on with V10+, see https://github.com/vaadin/cdi#using-with-vaadin-10 for instructions.
- Maven Plugin for Vaadin (1.3.0)
- Gradle plugin for Flow (1.0.0.RC4)
- Vaadin Multiplatform Runtime (Prime)
Tools
- Vaadin Designer (Pro) (Release notes)
- Vaadin TestBench (Pro) (6.0.1)
App Starters
All app starters are available at https://vaadin.com/start
Getting Started with Vaadin 13
The best way to get started with Vaadin 13 is to go to https://vaadin.com/start and pick an app template for the technology stack you’re interested in. There are two types of app templates available.
The Project Bases are for starting your project from scratch with only the necessary dependencies and a couple of placeholder files available.
There are also full application examples available like Bakery (Pro) and Beverage Buddy. Those show you some opinionated examples on how to build different types of applications, with optionally integrating to a backend.
Getting Started Manually
For frontend projects you can get the dependencies with Bower or NPM.
- Bower by running
bower install vaadin#13.0.0.beta1
orbower install vaadin-core#13.0.0.beta1
- NPM by running
npm install @vaadin/vaadin@13.0.0-beta1
ornpm install @vaadin/vaadin-core@13.0.0-beta1
- There are also version-locked (with shrinkwrap) NPM dependencies available from
@vaadin/vaadin-shrinkwrap@13.0.0-beta1
and@vaadin/vaadin-core-shrinkwrap@13.0.0-beta1
.
For Java projects, an example of the necessary setup can be found from the Project Base.
Supported Technologies
Operating Systems
Development is supported with the following operating systems, for any OS version that supports either frontend development (Bower/NPM as package manager) or Java 8
- Windows
- Linux
- macOS
Desktop Browsers
- Evergreen versions of the following browsers on :
- Chrome on these operating systems:
- Windows 7, Windows 8.1, Windows 10 or later
- macOS 10.9 (OS X Mavericks) or later
- 64-bit Ubuntu 14.04+, Debian 8+, openSUSE 13.3+, or Fedora Linux 24+
- Firefox on these operating systems
- Windows 7, Windows 8.1, Windows 10 or later
- macOS 10.9 (OS X Mavericks) or later
- Any Linux with the following packages:
- GTK+ 3.4 or higher
- GLib 2.22 or higher
- Pango 1.14 or higher
- X.Org 1.0 or higher (1.7 or higher is recommended)
- libstdc++ 4.6.1 or higher
- Safari on macOS 10.9 (OS X Mavericks) or later
- Edge on Windows 10 or later
- Chrome on these operating systems:
- Internet Explorer 11 on Windows 7, Windows 8 and Windows 10
- (preliminary support, see Known Issues and Limitations below)
- supported only in production mode. See documentation for more information.
Mobile Browsers
The following built-in browsers in the following mobile operating systems:
- Safari starting from iOS 9
- Google Chrome evergreen on Android (requiring Android 4.4 or newer)
Development environments
Any IDE or editor that works with the language of your choice should work well. Our teams often use Eclipse, IntelliJ, Atom and Visual Studio Code among others (including Emacs and Vim).
Vaadin Designer supports the following IDEs:
- Eclipse Java EE versions: Oxygen, Photon and 2018.
- JetBrains IntelliJ IDEA 2016, 2017 and 2018. Community or Ultimate edition.
Java Related Technologies and Tooling Support
The included Java parts are compatible with Java 8 and newer.
Application Servers
Vaadin Flow requires Java Servlet API 3.1 (JSR-340) or newer. It is tested on:
- Apache Tomcat 8.0.x, 8.5, 9
- Oracle WebLogic Server 12.2.1
- IBM WebSphere Application Server 8.5 Liberty Profile and 9
- RedHat JBoss EAP 7
- WildFly 8, 9, 10, 11, 12
- Jetty 9.4
- Payara Server
- Payara Micro
Breaking changes
This lists products that have breaking changes from V12
- Flow spring integration (release notes)
- vaadin-context-menu Java API (release notes)
- vaadin-grid Java API (release notes)
Known Issues and Limitations
Flow
- The Template-in-Template feature has some limitations
Components
- The theme variant dark doesn't work in IE11 when applied to the
<html>
element.
Designer
- External preview doesn't work in IE11.
- Horizontal scrolling using the trackpad doesn't work Eclipse.
Migrating from Vaadin 8
Reporting Issues
We appreciate if you try to find the most relevant repository to report the issue in. If it is not obvious which project to add issues to, you are always welcome to report any issue at https://github.com/vaadin/platform/issues.
A few rules of thumb will help you and us in finding the correct repository for the issue:
- If you encounter an issue when using the HTML/JS API of a component or the component renders incorrectly, the problem is likely in the web component. The web component repositories are named like https://github.com/vaadin/vaadin-button
- If you encounter an issue when using the Java API of a component, the problem is likely in the Flow integration of the web component. The Flow component integration repositories are named like https://github.com/vaadin/vaadin-button-flow
- If you encounter an issue with Flow which does not seem to be related to a specific component, the problem is likely in Flow itself. The Flow repository is https://github.com/vaadin/flow
- If you encounter an issue with Designer, the repository is https://github.com/vaadin/designer
- If you encounter an issue with TestBench, the repository is https://github.com/vaadin/testbench