Vaadin 21 post mortem
Обзор измений в релизе Vaadin web components v21.0.0.
The new major version of Vaadin web components monorepo is available! This is an important milestone towards moving to @buildWithLit https://t.co/0VAXTGl5tx
— Serhii Kulykov 🇺🇦 (@serhiikulykov) September 8, 2021
In 21.0 we removed the Polymer <template> support from grid, dialog and some other components. You can still use this API with an adapter.https://t.co/U8gqe4ATUn
— Serhii Kulykov 🇺🇦 (@serhiikulykov) September 8, 2021
We added the new <vaadin-virtual-list> web component. For now it's still quite similar to <iron-list>, but we will update it to use Lit in the future.https://t.co/osxhKdJA1s
— Serhii Kulykov 🇺🇦 (@serhiikulykov) September 8, 2021
We also implemented the <vaadin-icon> web component as a replacement for <iron-icon>. It uses svg tagged literals from Lit under the hood.https://t.co/YCLKOzkyip
— Serhii Kulykov 🇺🇦 (@serhiikulykov) September 8, 2021
Starting from Vaadin 21.0 it is possible to provide generic types for items property to grid and combo-box components when using TypeScript.https://t.co/BF7wwooCGO
— Serhii Kulykov 🇺🇦 (@serhiikulykov) September 8, 2021
When using Lit, you might want to assign renderer for grid columns or dialog content declaratively. This is now possible with the helper directives.https://t.co/LofDf6D6F6
— Serhii Kulykov 🇺🇦 (@serhiikulykov) September 8, 2021
The Vaadin design system documentation now has examples for all the web components with Lit and TypeScript (as well as Java). Do check it out!https://t.co/xhMR2s54XA
— Serhii Kulykov 🇺🇦 (@serhiikulykov) September 8, 2021
You can find more examples of using specific components features with Lit and TypeScript in my personal project which is updated to 21.0 stable.https://t.co/yexJDjwVaE
— Serhii Kulykov 🇺🇦 (@serhiikulykov) September 8, 2021
Our team is already working on implementing new features for Vaadin 22. The next major version will be mainly about accessibility improvements.
— Serhii Kulykov 🇺🇦 (@serhiikulykov) September 8, 2021
We will also continue the Lit migration preparations by removing some usage of Polymer from our components, especially registerStyles API.
— Serhii Kulykov 🇺🇦 (@serhiikulykov) September 8, 2021
Another upcoming change: <vaadin-combo-box> will use the same scroller as <vaadin-grid> and <vaadin-virtual-list> (the PR is already merged).https://t.co/RwYDlhWpYx
— Serhii Kulykov 🇺🇦 (@serhiikulykov) September 8, 2021
Also, in Vaadin 22 we will bring shorter npm package names and split some umbrella folders like vaadin-text-field into individual packages.https://t.co/KiXIeVXyOo
— Serhii Kulykov 🇺🇦 (@serhiikulykov) September 8, 2021
Finally, in Vaadin 22 we are going to rename our web components base classes to use e.g. Grid and not GridElement (fight for simplicity).https://t.co/xBeaxfUsUp
— Serhii Kulykov 🇺🇦 (@serhiikulykov) September 8, 2021
I'm super excited about all the features delivered by our team in this major release. Stay tuned for more news about Vaadin web components and the upcoming changes to Vaadin 22 that will land in early December.
— Serhii Kulykov 🇺🇦 (@serhiikulykov) September 8, 2021
And if you enjoy using Vaadin web components, let me ask you to star our monorepo (we couldn't transfer all the vaadin-grid repository stars).https://t.co/TVMIWE1bpG
— Serhii Kulykov 🇺🇦 (@serhiikulykov) September 8, 2021