HDTutorial
EN
How to create a Vaadin Java API for a JavaScript component

Playback starts YouTube’s embedded player (privacy-enhanced mode).

How to create a Vaadin Java API for a JavaScript component

6,233 views October 17, 2020 12:26

Watch on YouTube
Channelvaadinofficial

Chapters

Description from the creator

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:
github.com/web-padawan/vanilla-colorful

About this tutorial

vaadinofficial published this 12:26 video tutorial on October 17, 2020. It has been watched 6,233 times on YouTube.

Duration
12:26
Published
October 17, 2020
Views
6,233
Likes
129

Tags

Share

This tutorial in other languages