Vaadin Blog

Embedding Vaadin Flow apps in a React-based web app
In my recent blog post, I discussed wrapping a component implemented with React in a Vaadin application. A greatly undervalued way to use Vaadin is by implementing only certain functions or parts of your web app or website. In that case, we are essentially doing the opposite: wrapping a Vaadin ...

Vaadin Create 2023 wrap-up: Recordings now available
Recapping the unforgettable moments from October 24-25, 2023, in Frankfurt, Germany, at the Meliá Frankfurt City Hotel, the Vaadin Create Conference brought together a diverse group of professionals from the Vaadin community. Developers, technology leaders, architects, product owners, designers, ...

Hilla 2.4 simplifies form creation and CRUD operations
We're excited to introduce Hilla 2.4, featuring new components aimed at improving developer productivity in business web application development. This release includes AutoForm and AutoCrud, designed to streamline the creation of forms and CRUD views. AutoForm: Streamlining Form Management AutoForm ...

Styling your Vaadin application with Lumo
When it comes to developing user-friendly web applications, Vaadin provides a robust platform that offers a wide range of customization options. At the heart of these options is Lumo, a theme that sets the tone for your application’s aesthetics. Vaadin’s flexibility allows you to tailor each aspect ...

Lazy Loading Hierarchical Data for Efficient UI and Database Performance
I shared my experience with performance optimizations a couple of weeks ago at our Vaadin Create conference. One key takeaway was implementing lazy loading at the client-server and database layers. Lazy loading essentially transfers only the required data to the client and requests a reasonable ...

Creating a Java wrapper for a React component
In a recent blog post, I debunked the myth that a Web Component is essential as a counterpart to your Vaadin Java component. The Element API in Vaadin Flow is also apt for raw JS components. Given that React components are JS components, it's feasible to wrap them directly. However, React's unique ...

Updated Vaadin certification trainings and exams: Your path to becoming a Vaadin expert
We are excited to announce the updated Vaadin Certification training and exams, now more streamlined and focused on facilitating a comprehensive learning pathway for aspiring Vaadin professionals. Our updated training materials are designed to help you with the knowledge and skills necessary to ...

Vaadin Start got a major update: A fresh look, new features, and an improved UX
Discover what's new in Vaadin Start's latest update, featuring fresh light and dark theme options, streamlined project management, and more! Fresh look and feel Experience a fresh look and feel with Vaadin Start's latest update. Now, you can effortlessly switch between light and dark themes to ...

V8 Upgrade Automation and the new Minifinder
An important question facing developers with Vaadin 8 applications is how to best upgrade to the latest Vaadin Flow version. There are many ways to go about upgrading, and the choice can take both technical and economic factors into account. When cost concerns dominate, or the Vaadin 8 application ...