Upgrading · Docs · Get Started

New and Noteworthy Since Vaadin 24.6

Notable Changes

• Use Spring Boot 3.4.1 or newer: Due to the issue from Spring Framework, we recommend you to use Spring Boot 3.4.1 or newer to build Vaadin 24.7 projects
• Vaadin 24.7 is compatible with React Router v7: When upgrading application from v24.6, please change TypeScript imports from the react-router-dom npm package to react-router and remove the opt-in feature flag, i.e.: future={{ v7_startTransition: true }}, from custom routing file.
• Change supported Node from 18 to 20: Node 20 is the active LTS version for Node. Node 18 will be end of life soon and new libraries like React 19 support Node 20+
• flow-components includes spring-data-commons: to prevent compilation errors in some Eclipse versions due to indirect references. The module itself does not depend on Spring. You can exclude this dependency if needed. If Eclipse compilation fails, adding an empty org.springframework.data.domain.Pageable class resolves the issue.

Flow

• Fault-tolerant messaging for server-client communication: This enhancement ensures reliable communication between server and client, improving the robustness of Vaadin applications.
• Add support for native image build Quarkus-based applications.
• Add support for OAuth2 logout configuration.

Hilla

• File upload enhancements: Improved file upload capabilities for Hilla applications.
• React 19 support: Ensures compatibility with the latest version of React, enabling modern front-end development.
• Add way to disable/configure progress indicator: Provides developers the flexibility to manage UI loading indicators.
• Form validation fix for Kotlin: Resolves issues with Hilla form validation in Kotlin projects that are built with Gradle.
• JSpecify nullability support: Enables using JSpecify standard @Nullable and @NonNull annotations and deprecates Hilla's non-standard annotations.
• Data binding enhancements: New useComboBoxDataProvider and useGridDataProvider React hooks that simplify setting data provides with filtering.

Design System

• New Card component: The new Card component provides a great looking, accessible and configurable implementation of this modern UI pattern, without writing a single line of CSS.
• Gantt chart: Vaadin Charts now supports Gantt charts, providing a clear visualization of project schedules, timelines, and task dependencies, complete with drag & drop editing.
• Layout enhancements: New alignment helpers in Horizontal Layout, spacing size API, and experimental tweaks to setWidthFull/setHeightFull API (behind a feature flag).
• Grid enhancements: Shift-click multiselect and tooltip positioning API.
• Menu Items support custom properties: Menu item types can be extended to add custom properties to them.
• Accessibility improvements: Optionally show mouse focus rings on input fields; aria-label API for Grid; disabled buttons optionally focusable & hoverable.
• SideNav support for HasUrlParmeter: SideNavItems now support views implementing the HasUrlParameter interface, in addition to route templates.
• Configurable min/max rows in Text Area: Developers can now set minimum and maximum row count for Text Area components, including single-row support.
• Spring Data API for Grid and ComboBox: A new Spring Data API simplifies connecting Grid and ComboBox to Spring Data repositories, reducing boilerplate code.

Copilot

• Custom Components Support For Flow: Copilot now supports working with custom components, providing full access to standard component operations. Users can explore the structure of custom components using View or Outline navigation.
• Expanded AI Capabilities: AI-powered features have been integrated across various parts of Copilot. Enable the Copilot Experimental Features feature flag to access documentation assistant and theme generation. Also check AI assistant while creating entities and example data using Connect to service feature.
• AI Request Permission: Copilot will now ask for user confirmation before sending AI requests, ensuring greater control over data sharing.
• Impersonation Mode: Easily test security configurations for different roles by switching users via the Copilot activation button menu.
• Connect to Service: A new tool for seamlessly connecting Grid and ComboBox components to backend services. Use the Entity Editor (manually or with help of AI assistant) to create beans and generate sample data (for Grids only).
• Version upgrade helper: Copilot's version upgrade helper simplifies dependency management by identifying and updating Vaadin platform dependencies, ensuring your projects stay up-to-date with minimal effort.
• React 19 Compatibility: Copilot is now fully compatible with React 19.

Control Center

• Control Center GA: version 1.2 is a major milestone marking the general availability of Control Center.
• Automated DNS: support for major DNS services to create records automatically for deployed apps.
• Automated certificates: automatic provisioning and renewal of valid TLS certificates for deployed apps.
• Environment variables: environment variables can now be set for deployed apps from the UI and will be available during runtime.
• Live view of logs: the log viewer has improved with support for automatic tailing of log messages from the deployed apps.
• Password-less authentication: users can now login on deployed apps using a device passkey by simply enabling the feature for the user in the UI.

Modernization

• Feature Pack: Wider Vaadin 7 component and API support including V7 Table, ComboBox and DateField; V7 data binding and over 100 classes most frequently used in Vaadin 7 development.

Changelogs

• Flow (24.7.0) and Hilla (24.7.0)
• Design System
  • Web Components (24.7.1)
  • Flow Components (24.7.0)
• TestBench (9.3.10)
• Feature Pack(24.7.0)
• Modernization Toolkit (Documentation)
  • Feature Pack (Documentation)
  • Dragonfly (Documentation)
  • Modernization Toolkit Analyzer (Analyzer for Eclipse, Analyzer for Maven)
• Multiplatform Runtime (MPR) (7.0.11)
• Router (2.0.0)
• Vaadin Kits
  • AppSec Kit (3.3.0)
  • Azure Kit (1.0.0)
  • Collaboration Engine (6.4.0)
  • Control Center (Documentation)
  • Copilot (24.7.0)
  • Kubernetes Kit (2.4.1)
  • Observability Kit (3.1.0)
  • SSO Kit (3.1.0)
  • Swing Kit (2.3.0)

Official add-ons and plugins:

• Spring add-on (24.7.0)
• CDI add-on (15.1.0)
• Maven plugin (24.7.0)
• Gradle plugin (24.7.0)
• Quarkus plugin (2.1.3)

Upgrading guides

• Upgrading Flow to Vaadin 24
• Upgrading Hilla to 24.7
• Upgrading Design System to Vaadin 24

Support

Vaadin 24 is the latest stable version, with extended support options available (release model).

Vaadin also provides commercial support and warranty.

Supported technologies

Known issues and limitations