Vaadin Key Concepts

This document is meant for developers who are new to Vaadin and want to get up to speed quickly. It gives you a quick overview of the core concepts and provides links to relevant documentation for further reading. It can also be used as a quick reference while developing Vaadin apps. If you don’t ...
IMG_3884

Vaadin Dev Day - Berlin 2019

Background processing, Web Components integration, migration to Vaadin 14, JUnit, and JavaScript tips and tricks, were only a few of the hot topics covered in the latest Vaadin Dev Day that took place last week in the vibrant and "never-sleeping" city of Berlin. The event It was great to see an ...
designer-flex-editor

Layout views with flexbox in Vaadin Designer

Vaadin Designer 4.3.8 makes laying out your Vaadin views a whole lot more visual. Previously, you had to know and enter the CSS for your views. Now, you can edit your flexbox layouts using simple controls in the properties panel. You will also learn flexbox in the process! The main building blocks ...

Frameworks are the future of the web platform

You might have missed one of the most significant announcements at this year's Chrome Dev Summit. It was subtle, but it will have a big impact on the web community. They hinted at the change in the keynote. But it wasn't fully spelled out until the second day: If you're an app developer, please ...

Production PWA webpack setup

In the previous tutorial, the focus was on learning the basic principles of how Progressive Web Apps work. Some of the issues we identified with the application were: We need to remember to update a timestamp in the ServiceWorker any time we update static resources Our initial caching can easily ...
nextgencomp-twitter-banner

The next generation of Vaadin web components

The current set of Vaadin components is the result of many years of development. We invested a lot in building high-quality components that are suitable for enterprise-grade apps. Starting from Vaadin 10, every major version ships with a set of new components. While we constantly add new features ...

Converting a website into a PWA

This tutorial will teach you the the basic Progressive Web App concepts by turning an existing web app into a PWA only using the native browser API. The tutorial does not use any framework, everything you learn will be relevant no matter what framework you use in your project. What’s needed In ...
vaadin-devoxx-2019

Micro frontends, Java updates, and web components - Devoxx 2019 recap

A week has passed since the final talk at Devoxx BE 2019 was delivered and the conference ended. The Vaadin team was in attendance the entire week: they met with conference attendees and expanded their knowledge by attending sessions. With so many interesting topics to choose from, picking a ...

Real-time collaboration using the Native File System API

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 ...