Vaadin 24.4.0 引入 Vaadin Copilot 和统一的 Vaadin 平台
内容提要
Vaadin发布24.4版本，统一Hilla框架与Vaadin平台，引入Vaadin Copilot和改进设计系统，以改善开发者体验。Vaadin Copilot是AI驱动的开发工具，可拖放组件、重新组织布局和编辑标签。Vaadin 24.4.0还改进了文件路由和设计组件。
延伸解读
Vaadin Copilot 的适用范围与限制
Vaadin Copilot 是本次更新中的 AI 驱动开发工具，支持拖放组件、调整布局和编辑标签，并能通过提示生成或修改 UI 组件。它还能在不编辑 CSS 的情况下调整主题。但需要注意的是，Copilot 仅适用于使用 Hilla/React 构建的视图，这意味着基于 Flow 的传统 Java 视图无法使用该功能。开发者在评估是否采用 Copilot 时，需考虑现有项目的技术栈。
统一平台下的混合开发能力
Vaadin 24.4.0 将 Hilla 框架纳入 Vaadin BOM 和 Spring Boot starter，使开发者能够构建同时包含 Flow 和 Hilla 视图的混合应用。通过适配器 Web 组件，React 组件可以包装为 Flow 组件，在 Java 应用中使用，并实现状态修改和事件双向传递。反之，Flow 组件也可通过实现 WebComponentExporter 类嵌入 Hilla/React 视图。这为逐步迁移或整合不同技术栈提供了灵活性。
路由配置与设计组件改进
Vaadin Flow 默认使用 React Router，可通过 reactEnable 属性配置：设为 true 时包含 React 依赖，设为 false 时则使用 Vaadin Router 并排除 React 依赖。Hilla 引入了基于文件的路由，映射 src/main/frontend/views 目录下的文件，并提供 createMenuItems 工具函数从路由生成菜单项。设计组件方面，Checkbox 支持只读和必填状态，Menu Bar 支持从左侧折叠菜单项，Side Navigation 支
Q&A
Vaadin 24.4版本的主要更新内容是什么？
Vaadin 24.4版本主要更新了Vaadin Copilot工具，统一了Hilla框架与Vaadin平台，并改进了设计系统，以提升开发者体验。
Vaadin Copilot是什么，它有什么功能？
Vaadin Copilot是一个AI驱动的开发工具，支持拖放组件、重新组织布局和编辑标签，能够实时更新源代码并生成UI组件。
如何在Vaadin中使用React组件？
可以通过适配器Web组件将React组件包装为Flow组件，从而在Java应用中使用React组件。
Hilla框架在Vaadin 24.4中有什么新特性？
Hilla框架引入了基于文件的路由，能够映射src/main/frontend/views目录中的路由，并提供创建菜单项的功能。
Vaadin 24.4版本对设计组件做了哪些改进？
设计组件的改进包括Checkbox的只读和必填状态、菜单栏的菜单项折叠以及侧边导航的查询参数支持。
Vaadin 24.4版本的发布活动有哪些？
Vaadin团队举办了关于24.4.0版本的直播和社区会议，提供了更多资源和支持。
