Directory

flowbased-polymer - Vaadin Add-on Directory

FlowBasedProgramming with web-components flowbased-polymer - Vaadin Add-on Directory
# flowbased-polymer ## installation For Polymer 3 and higher use npm: ``` npm i --save @furo/fpb ``` For Polymer 2 and below use bower: ``` bower install --save veith/flowbased-polymer ``` The flowbased-polymer mixin offers you the possibility to **write your components or apps fully declaratively**. No more manual/imperative adding of eventListeners in the source code and no searching for IDs to access the component you want. You can use it to simply save adding eventlisteners in your source or to write entire components and applications according to the FBP programming paradigm without using a single line of JS. It's up to you how far you want to go. FBP code is also easy testable. It takes about 2 minutes to understand the main concept. It is a hybrid form of flow-based programming and ordinary polymer and works with every component which is useable by polymer. [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/veith/flowbased-polymer) ## Simple Introduction In short, FBP combines events from one component `@-event` with methods from another component `ƒ-method` to trigger them. We call the connection a **wire**. ``` Show Props Menu... Props... ``` ![simple intro](https://veith.github.io/flowbased-polymer/images/short-intro.png) ### Explanation When the user clicks on the `paper-button`, the `left-drawer` is hidden and the `right-drawer` is displayed. The button does not need to know that there is a left-drawer or right-drawer. It only informs about the wire `--btnPropsClicked` that it was clicked. ## Further documentation Please read the [documentation page](https://veith.github.io/flowbased-polymer/wireing/overview/) for more information. ## Usage After importing the Mixin, extend your component with the **FBPMixin**. Thats all you have to do. ``` import {PolymerElement, html} from '@polymer/polymer'; import {FBP} from "@furo/fbp"; // ... /** * `my-component` * * * @summary * @customElement * @polymer * @mixes FBP */ class MyComponent extends FBP(PolymerElement) { static get template() { // language=HTML return html` Show Props Menu... Props... `; } } window.customElements.define('my-component', MyComponent); ``` ## Detailed documentation Read more about FBPolymer on the [documentation pages](https://veith.github.io/flowbased-polymer/). ## License MIT
View on GitHub
View on NPM
GitHub Homepage
Issue tracker
License
Documentation

flowbased-polymer version 1.0.0
### Dependencies Polymer/polymer#^1.4.0

flowbased-polymer version 1.0.1
### Dependencies Polymer/polymer#^1.4.0

flowbased-polymer version 1.0.2
### Dependencies Polymer/polymer#^1.4.0

flowbased-polymer version 1.0.3
### Dependencies Polymer/polymer#^1.4.0

flowbased-polymer version 1.1.0
### Dependencies Polymer/polymer#^1.4.0

flowbased-polymer version 1.1.1
### Dependencies Polymer/polymer#^1.4.0

flowbased-polymer version 1.2.0
### Dependencies Polymer/polymer#^1.4.0

flowbased-polymer version 1.2.1
### Dependencies Polymer/polymer#^1.4.0

flowbased-polymer version 1.2.2
### Dependencies Polymer/polymer#^1.4.0

flowbased-polymer version 1.3.0
### Dependencies Polymer/polymer#^1.4.0

flowbased-polymer version 1.3.1
### Dependencies Polymer/polymer#^1.4.0

flowbased-polymer version 1.4.0
### Dependencies Polymer/polymer#^1.4.0

flowbased-polymer version 1.4.1
### Dependencies Polymer/polymer#^1.4.0

flowbased-polymer version 1.5.0
### Dependencies Polymer/polymer#^1.4.0

flowbased-polymer version 1.5.1
### Dependencies Polymer/polymer#^1.4.0

flowbased-polymer version 1.6.0
### Dependencies Polymer/polymer#^1.4.0

flowbased-polymer version 1.7.0
### Dependencies Polymer/polymer#^1.4.0

flowbased-polymer version 1.7.1
### Dependencies Polymer/polymer#^1.4.0

flowbased-polymer version 1.7.2
### Dependencies Polymer/polymer#^1.4.0

flowbased-polymer version 1.8.0
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.8.1
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.8.2
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.8.3
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.8.4
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.9.0
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.9.1
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.9.2
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.9.3
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.9.4
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.10.0
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.10.1
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.10.2
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.11.0
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.11.1
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.11.2
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.11.3
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.12.0
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.12.1
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.13.0
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.13.1
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.13.2
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.13.3
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.14.0
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.14.1
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.15.0
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.15.1
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.15.2
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.15.3
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.15.4
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.15.5
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.15.6
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.15.7
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 1.16.0
### Dependencies * polymer#Polymer/polymer#^1.4.0

flowbased-polymer version 2.0.0
### Dependencies * polymer#Polymer/polymer#^2.0.0

flowbased-polymer version 2.0.1
### Dependencies * polymer#Polymer/polymer#^2.0.0

flowbased-polymer version 2.1.1
### Dependencies * polymer#Polymer/polymer#^2.0.0

flowbased-polymer version 2.1.0
### Dependencies * polymer#Polymer/polymer#^2.0.0

flowbased-polymer version 2.1.2
### Dependencies * polymer#Polymer/polymer#^1.4.0||^2.0.0

flowbased-polymer version 2.1.3
### Dependencies * polymer#Polymer/polymer#^1.4.0||^2.0.0

flowbased-polymer version 2.2.0
### Dependencies * polymer#Polymer/polymer#^1.4.0||^2.0.0

flowbased-polymer version 2.2.1
### Dependencies Polymer/polymer#^1.4.0||^2.0.0

flowbased-polymer version V2.2.1
### Dependencies * polymer#Polymer/polymer#^1.4.0||^2.0.0

flowbased-polymer version 2.3.0
### Dependencies * polymer#Polymer/polymer#^1.4.0||^2.0.0

flowbased-polymer version V2.3.0
### Dependencies * polymer#Polymer/polymer#^1.4.0||^2.0.0

flowbased-polymer version 2.3.1
### Dependencies * polymer#Polymer/polymer#^1.4.0||^2.0.0

flowbased-polymer version 2.3.2
### Dependencies * polymer#Polymer/polymer#^1.4.0||^2.0.0

flowbased-polymer version 3.0.0
### Dependencies * polymer#Polymer/polymer#^1.4.0||^2.0.0

flowbased-polymer version 3.1.0
### Dependencies * polymer#Polymer/polymer#^1.4.0||^2.0.0

flowbased-polymer version 3.2.0
### Dependencies * polymer#Polymer/polymer#^1.4.0||^2.0.0

flowbased-polymer version 3.2.1
### Dependencies * polymer#Polymer/polymer#^1.4.0||^2.0.0

flowbased-polymer version 3.2.2
### Dependencies * polymer#Polymer/polymer#^1.4.0||^2.0.0

flowbased-polymer version 3.3.0
### Dependencies * polymer#Polymer/polymer#^1.4.0||^2.0.0

flowbased-polymer version 3.4.0
### Dependencies * polymer#Polymer/polymer#^1.4.0||^2.0.0

flowbased-polymer version 3.4.1
### Dependencies * polymer#Polymer/polymer#^1.4.0||^2.0.0

flowbased-polymer version 4.0.3
### Dependencies * @polymer/polymer#^3.0.0

flowbased-polymer version 4.0.4
### Dependencies * @polymer/polymer#^3.0.0

flowbased-polymer version 4.0.5
### Dependencies * @polymer/polymer#^3.0.0

flowbased-polymer version 4.1.0
### Dependencies * @polymer/polymer#^3.0.0

flowbased-polymer version 4.2.0
### Dependencies * @polymer/polymer#^3.0.0

flowbased-polymer version 4.2.1
### Dependencies * @polymer/polymer#^3.0.0

flowbased-polymer version 4.3.1
### Dependencies * @polymer/polymer#^3.0.0

flowbased-polymer version 4.4.0
### Dependencies

flowbased-polymer version 4.5.0
### Dependencies

flowbased-polymer version 4.5.1
### Dependencies

flowbased-polymer version 4.6.0
### Dependencies

flowbased-polymer version 4.7.0
### Dependencies

flowbased-polymer version 4.8.0
### Dependencies

flowbased-polymer version 4.9.0
### Dependencies

flowbased-polymer version 4.10.0
### Dependencies

flowbased-polymer version 4.9.1
### Dependencies

flowbased-polymer version 4.10.1
### Dependencies

flowbased-polymer version 4.10.2
### Dependencies

flowbased-polymer version 4.11.1
### Dependencies

flowbased-polymer version 4.12.0
### Dependencies

flowbased-polymer version 4.13.0
### Dependencies