Component API

New features

• Component - a way of defining reusable classes for using an element or a collection of elements.
  • Based on a root Element, defined using @Tag
  • Component hierarchy is derived from the element hierarchy
  • Similar to Component in Vaadin 7
• Attach/detach events for Element and Component and Component.onAttach/onDetach which can be overridden
• ComponentEventBus for listening to and firing component events
  • Connecting DOM events to Component events to have the Component event fired automatically with selected DOM event data
  • Each event has information about origin (server or client)
• Built-in components
  • HTML - encapsulates a HTML fragment
  • Text - encapsulates a text in a text node
  • RouterLink - handles view navigation without page reloads
  • Composite - for wrapping existing components while hiding their API
• HTML components in a separate package
  • Div, Button, Input and more
• Using a StreamResource as an element attribute to e.g. generate dynamic images

Fixes

• API improved based on user feedback

New tutorials

• Creating A Simple Component Using the Element API
• Creating a Component Based on Many Elements
• Creating a Component Using Existing Components
• Using Events with Components
• Creating a Component with External Dependencies

All changes