Skip to content

Vaadin 24.5.0
Compare
Choose a tag to compare
@vaadin-bot vaadin-bot released this 16 Oct 13:58
· 50 commits to 24.5 since this release
24.5.0
03d1f84
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.

Upgrading · Docs · Get Started

New and Noteworthy Since Vaadin 24.4

Flow

  • Automatic Flow main layouts
    Docs

    Vaadin Flow automatically adds the Flow routes to the router layout that is marked with @Layout new annotation.

  • Flow components as children for React-based component
    Docs

    Allows having Flow Components as children in a ReactAdapterComponent (Flow wrapper for React component).

  • HotSwap improvements
    Provides a single endpoint for hotswap tools that internally chooses the best strategy of UI update - full page reload or UI component reload.

  • Record support in Binder
    Provides an API to use Java Records as bean types for read-only beans in Binder.

More details and changes can be found from Flow 24.5.0.beta1 release note

Hilla

  • TypeScript Generation Enhancements

    • Support for using generic Java entity types in TypeScript was added.
    • Hilla TypeScript generator has received support for Jackson's @JsonValue / @JsonCreator Java annotations, which together provide support for Java domain primitives.
    • JsonNode type and its subclasses, which allows sending and receiving raw JSON data with Hilla browser callable endpoints.

  • Using Arrays in React Forms

    • New useFormArrayPart hook in the Hilla React form library provides form binding support for repeated parts with array data.

  • Flow Layout Support

    • The Hilla file-system router applies layouts defined with Flow, including the main layout.

  • Experimental Full-Stack Signals

    • Adds limited support for browser callable services that return a signal shared between the client and the server. Only Number and arbitrary JSON value data types are supported. Note that this feature is experimental and not yet ready for production use.

Design System

  • Grid

    • A way to provide a message or other custom content in the Grid when there is no data to display. (This could be either because the data set is empty, or because the currently applied filters omit all the available data.)
    • Demo and usages can be found from here

  • MenuBar

    • Optional drop-down indicators on menubar buttons with dropdowns
    • Demo and usages can be found from here

  • Popover (new component)

    • A generic component for creating popovers positioned to an anchor element.
    • Demos and usages can be found from here

  • RichTextEditor

    • Text and background color pickers added to RTE toolbar. The default color options can be customized.
    • Demo and usages can be found from here

  • Select

    • By default, the overlay of the Select component is rendered over the field itself. The overlay can be configured to render below the field instead.
    • Demo and usages can be found from here

  • Spreadsheet

    • Added Lumo styling implementation for Spreadsheet component, so that it uses the same color, font, etc styles as other components.

More changes in DS 24.5.0.beta1 can be found from Web Components 24.5.0.beta1 and Flow Components 24.5.0.beta1

Vaadin Copilot

  • Flow Support
    Copilot now supports modifying Java / Flow code

  • Figma Import
    You can copy your design from Figma and paste it into your Hilla or Flow view to create the same component tree and layout as in Figma. In Figma, you should use the components from the Vaadin Design System for Figma.

  • Internationalization
    Make your UI ready for localization by generating translation keys for text elements.

  • Documentation
    Check documentation about selected component directly from Copilot.

  • Info
    Application information. Includes guide on how to enable HotSwap.

  • Ui Test Generation
    Generate Playwright tests for the current view. This feature creates .java classes for Flow views and .spec.ts files for Hilla. It also sets up the necessary dependencies and build configurations required to run the tests.

  • Ui Services
    List of Hilla services with security configuration.

  • Development Workflow
    Helps developer to improve experience while working with Vaadin applications by checking if Vaadin plugin for IntelliJ is installed and HotSwap is enabled providing useful hints.

  • Experimental Flags
    Flow support and Internationalization are no longer considered experimental features.

Learn more at https://vaadin.com/copilot

Vaadin Control Center (PREVIEW FEATURE)

Control Center is a specialized tool designed to simplify the management of Vaadin applications on Kubernetes clusters. It provides developers and administrators with an efficient solution to deploy, scale, and manage Vaadin applications, effectively. It allows you to focus on development, rather than infrastructure complexities.

Learn more at https://vaadin.com/docs/latest/control-center

Collaboration Kit

Since Vaadin 24.5, Collaboration Kit will follow Apache 2.0 license.
Learn more at https://vaadin.com/docs/latest/tools/collaboration

Feature Pack

Feature Pack is a part of the Modernization Toolkit. It’s a collection of classes and components that isolates useful features from popular developer frameworks, and reproduce them in Vaadin Flow. The scope of Feature Pack was originally limited to Vaadin 7 and 8 features. It now also includes Swing, AWT and select features from JGoodies and NetBeans.

  • Details about Feature Pakcage can be found from here

Changelogs

Official add-ons and plugins:

  • Spring add-on (24.5.0)
  • CDI add-on (15.1.0)
  • Maven plugin (24.5.0)
  • Gradle plugin (24.5.0)
  • Quarkus plugin (2.1.0)

Upgrading guides

Support

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

Vaadin also provides commercial support and warranty.

Supported technologies

Desktop browser
  • Chrome (evergreen)
  • Firefox (evergreen)
    • Firefox Extended Support Release (ESR)
  • Safari 15 or newer
  • Edge (Chromium, evergreen)
Mobile browser
  • Chrome (evergreen) for Android (4.4 or newer)
  • Safari for iOS (15 or newer)
Development OS
  • Windows
  • macOS
  • Linux
IDE

Any IDE or editor that works with the language of your choice should work well. Our teams often use IntelliJ, Eclipse, VS Code among others.

Vaadin IDE plugins (IntelliJ and VS Code) support the IDE versions released during the last 12 months

Vaadin Designer supports the following IDEs:

  • Eclipse from Photon and upwards

  • JetBrains IntelliJ IDEA from 2017 upwards
Java Version 17 of any JDK or JRE
Maven Version 3.5 or newer
Gradle Version 8.5 or newer
Application server

Vaadin Flow requires Java Servlet API 6 and Java 17 or newer. It is tested on:

  • Apache Tomcat 10.1
  • Open Liberty 23.0.0.1-beta
  • RedHat JBoss EAP 8.0 beta
  • WildFly 27
  • Jetty 12 beta
  • Payara Server 6
  • Payara Micro 6
Node.js Version 18 or newer
Spring Boot Version 3.3 or newer

Known issues and limitations

Flow
Assets 4
Loading