How to create a Vaadin Java API for a JavaScript component

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

Subscribe : https://www.youtube.com/channel/UCsGakFIbOsj-fgPFLf1QlQA

#javascript #java #api