1. Real-time collaboration w/ zero installs using the Native File System API

    November 11, 2019

    The Native File System API allows the browser to access files on your local filesystem in a secure and controlled manner. This opens up new possibilities, allowing web applications to interact with your files beyond the traditional upload/download cycle. This is for instance useful if you need to read/write files multiple times, and especially if multiple files are being accessed; no zip needed.

  2. Micro Frontend in Java

    October 28, 2019

    Micro frontends is an architectural idea where you apply ideas from micro services to the frontend or UI code. The aim is to split the application into many separate parts, which can evolve and be managed individually. The split is done based on user facing features of the site instead of the traditional way of splitting based on technical skills (frontend vs backend). Each part is as stand-alone as possible and covers the full stack from the UI in the browser to the database on the server. This makes it possible for separate teams to own separate parts without constantly stepping on each others' toes.

  3. Lumo theme editor

    September 11, 2019

    Create your own custom version of the Lumo theme using this easy to use visual editor! Configure colors, fonts, sizing and spacing and component styling, then download the resulting CSS and use that in your app.

  4. Designer in Chrome

    August 28, 2019

    An experimental editor that allows you to use the V10+ Designer in your local Chrome. Use your IDE to edit the source code of the design, and your Chrome browser to edit the design visually.

  5. Lit Templates

    August 25, 2019
    Update 4 Sep 2019: The example shows how to use Lit with current Vaadin 14 LTS. This means that you can use this approach right now, if you wish.

  6. Standard Web Payment APIs

    June 6, 2019

    Payment Request API is a new, streamlined way to collect payment and shipping details from the user. Its primary goal is to eliminate checkout forms by standardizing the payment communication flow as much as possible. Some benefits of using Payment Request API over traditional checkout forms are:

    • - Platform native and familiar for the user
      - If the user gives consent, the payment data can be synced between desktop and mobile
      - It’s simple to use from the developer’s point of view

  7. Sketch Mode

    May 6, 2019

    An experimental tool for sketching a UI. It allows you to draw designs using rectangles and text, and then transform them automatically to working UIs.

  8. Vaadin CLI

    May 2, 2019

    A Command Line Interface (CLI) for creating new Vaadin projects.

  9. Tree component

    April 7, 2019

    Many developers in the Vaadin community have requested a Tree component for Vaadin Flow. The component is not on the short list for upcoming releases, because there is an easy workaround: a TreeGrid with one column. The purpose of this tutorial is to make it even more straightforward by providing a reference code to use for your Tree component.

  10. Vaadin Connect

    March 15, 2019

    An experiment with a secure stateless communication framework with built-in authentication and authorization support. An easy way to integrate a Java backend into a frontend application. Has a first-class support for TypeScript, and allows end-to-end type checking across the full stack.