Vaadin 8+组件在Vaadin 12+？

Question

我在寻找尽可能吸引人的“步骤”，以便在Vaadin中使用，我找到了以下链接：

https://vaadin.com/directory/component/material-design-stepper-add-on/links

然而，它似乎适用于Vaadin 8。它能被使用(好吗？)在瓦丁12？(我是Vaadin的新手)如果没有，是否有“推荐”的方法，如果一个人想要一个有吸引力的步骤(这是健壮的/测试)，以最小的努力？(我假设答案是使用类似于这个https://www.npmjs.com/package/react-stepper-horizontal的东西，并以某种方式将它与Vaadin集成？我还没有完全学会如何将Vaadin 12与非Vaadin组件集成，尽管我认为这是Vaadin可以轻松完成的事情，而且一般来说，现有的react组件可能比一个社区成员在Vaadin 8中构建的组件得到更好的支持？)

Answer 1

GWT

在Vaadin 6、7和8中构建小部件的底层技术是https://en.wikipedia.org/wiki/Google_Web_Toolkit。

Web组件

在对其核心技术的主要重写中，Vaadin流 (Vaadin 10、11、12和更高版本)正在使用https://en.wikipedia.org/wiki/Web_Components代替GWT来构建小部件。

兼容性

因此，不，为Vaadin 8构建的小部件不能直接在Vaadin流中使用。

然而，…Vaadin公司确实销售兼容层，允许Vaadin 8编程和小部件在Vaadin流应用程序中运行。这就是他们的多平台运行时。这是针对那些希望逐渐将他们现有的web应用程序从旧架构迁移到新架构的人。也许这不是从Vaadin开始的最好的方法，但这是一种可能性。

只需使用Vaadin 8

Vaadin 8继续积极发展，并将在未来数年得到支持。见公司路线图。在他们的博客中讨论过，比如这个职位。现在，Vaadin 8.7正处于测试阶段，随着其发展的继续。Vaadin使用放行列车时间表，季度发布计划为Vaadin 8。

Vaadin 8已经被证明了，它的软件有着良好的记录.将您的学习和开发工作集中在Vaadin 8上是完全可行的。许多概念传递到Vaadin流，例如它们的数据模型和绑定技术。

较新的Vaadin Flow尚未具备Vaadin 8的所有特性。 (如菜单栏小部件)及其尖端技术仍在不断发展。Vaadin有限公司将他们的未来押注在Flow & Web组件上，但Vaadin 8仍然是他们最完美和最可行的产品。而且，是的，该公司能够一次积极地开发多个版本行。他们有一个经过证明的记录，推进和保持6，7和8与重叠的努力年。

因此，如果Vaadin 8的小部件对您的应用程序至关重要，只需使用Vaadin 8即可。

只需使用Vaadin流

如果有一些小部件对于为Vaadin流构建的应用程序至关重要，或者是基于Web组件的，您希望将其包装为流的小部件，那么使用Vaadin Flow。

是的，您可以在Vaadin流中使用Web组件小部件。反之亦然，您可以在其他环境(如聚合物)中使用Vaadin组件。这就是Web组件技术的全部要点，使组件可以跨各种框架进行插拔。有关这一主题的一些文档和博客文章，请参见Vaadin有限公司网站。他们还出售培训和咨询服务，以帮助你的努力。

比较

我们帮助比较Vaadin 8和Vaadin流，请参阅博客文章，https://vaadin.com/blog/v8-vs-v10-two-maintained-vaadin-versions-which-one-to-choose- by 马蒂·塔沃宁。

Answer 2

为Vaadin 8或更高版本创建的组件很难与Vaadin 10或更高版本一起使用。

相反，我建议您寻找一个通用web组件(https://vaadin.com/directory/search?framework=Polymer%202)，然后基于https://vaadin.com/docs/v12/flow/web-components/integrating-a-web-component.html为它创建一个简单的Java集成。

您链接到的react-stepper-horizontal不是一个通用的web组件，因此它不会在响应之外工作。

Answer 3

你提到的反应成分，我很抱歉地告诉你，它不能耦合。

这个组件是由聚合物2.0+构建的，所以您应该能够将它与Vaadin 12+耦合起来。https://vaadin.com/directory/component/collabornepaper-stepper/2.1.3/overview