Improve this

Introduction to Bindings

This section contains intermediate level knowledge of JavaScript. You will find difficulty if you have no experience using JavaScript frameworks.

Onsen UI is built to perform and create apps even without the addition of any front-end frameworks. For more complex apps, please consider implementing further frameworks to make even more features and tools available for your app.

Onsen UI is framework agnostic, meaning you can use it with any JavaScript frameworks. Just plug Onsen UI into the project and that’s it. However, in order to tailor Onsen UI’s API for specific framework users, we provide bindings for widely used frameworks. These bindings are just sets of wrappers that translate Web Components API to the corresponding framework.

For instance, Vue or React developers do not want to grab DOM elements and call methods or change properties. It is more natural to simply pass props. AngularJS developers would prefer using ng-model over manually adding event handlers. This API tailoring is achieved by using bindings.

Once again, it is dead simple creating apps using only Onsen UI and JavaScript. However, if you really prefer using frameworks, the bindings have got you covered. We currently provide official bindings for Vue.js, React, AngularJS 1.x, and Angular 2+. DOM friendly libraries like jQuery should be quite straightforward as well. Additionally, community-based bindings are available for Aurelia and Ember.js. For simple frameworks like Knockout.js, custom bindings can be easily created.