How to create a Vaadin Java API for a JavaScript component
Channel: vaadinofficial
Date: 14/10/2020

In this week's Vaadin Tips Marcus shows you how you can easily integrate a third-party JS component into your Vaadin Flow application by creating a Java API for it. The video covers the general steps for communicating with JavaScript components, as well as using AbstractSinglePropertyField for a super-simple integration.

0:00 - Intro
0:18 - Base project overview
0:50 - Color picker component 
1:17 - Installing a JS component with npm
1:27 - Creating a Java API for a JS web component
2:48 - Using the new component
3:48 - Using the Element API to set properties on the JS component
5:42 - Listening for events on the JS component
 10:10 - Using AbstractSinglePropertyField


Links:
https://github.com/web-padawan/vanilla-colorful