Menu hamburger icon

Posts for onsenui


Preview! Vue.js support for Onsen UI

Onsen UI and Vue.js

Vue.js is a frontend framework for creating reactive components. It provides a very simple but powerful API. Its simplicity makes it very easy to get started writing apps.

Onsen UI is a collection of components for hybrid apps. With Onsen UI you can easily create beautiful mobile user interfaces. We have just released a preview version of our binding library for Vue.js which makes it possible to integrate the Onsen UI components in Vue.js apps.


Getting Started with Meteor and Onsen UI

Onsen UI + Meteor

Meteor is very well known as a full-stack framework that tremendously simplifies the creation of web apps. Thanks to Cordova we can also use Meteor for hybrid mobile apps and, after the last changes we made to our framework and bindings, we are excited to announce that you can find a robust Meteor Mobile UI framework in Onsen UI.

In this post we show you how to easily combine Meteor with Onsen UI to create beautiful looking mobile apps.


Real time Chat App with OnsenUI and Horizon!

Horizon, RethinkDB and Onsen UI 2.0

A lot of modern apps like Twitter or Facebook work in real time: They update themselves when new information is available without the user pulling to refresh. With modern real time database like RethinkDB and the JavaScript Framework Horizon this task is as easy as writing any other JavaScript Application. In this tutorial we will build a simple chat app with MobX and the React Components for Onsen UI.


Angular 2 for Onsen UI is here! πŸš€

Onsen UI for Angular 2

It’s time to unveil the beta version of our Angular 2 components for Onsen UI. We have worked hard to bring you these components and hope you are as excited as we are!

Angular 2 has come a long way since it was released at ng-conf last year and is shaping up to be a powerful framework, both for creating traditional web apps and hybrid apps. We are proud to make our own contribution to the growing ecosystem of Angular 2.


Onsen UI Angular 2 Components coming soon!

Onsen UI bindings

Recently it may have looked like we’ve been focusing mainly on React, but we have also worked hard on bringing you components and directives for Angular 2. Next week they will be available through both npm and Monaca CLI.

Onsen 1.x was based on Angular 1, but with Onsen 2 we decided to take a different approach. We separated the core logic and styles, so that it can be used with any framework. We also started working on wrappers, so that it can be used in a more natural way in the most popular frameworks.

AngularJS 1 have been supported for quite some time already. Recently we released React Components and next week it’s time for the long awaited Angular 2. We are very excited about this release and we hope you are as well!

We can’t wait to see the amazing apps you create when combining the rich collection of components of Onsen UI with the power of Angular 2.


Time Travel in React Redux apps using the Redux DevTools

Time Travel with the Redux DevTools

In the previous article we showed how to create a simple drawing application with React and manage the state of the app with a Redux store. Now we will talk about how to integrate the Redux DevTools to enable easy debugging and time travel.

The Redux DevTools records dispatched actions and the state of the Redux store at every point in time. This makes it possible to inspect the state and travel back in time to a previous application state without reloading the page or restarting the app.


Improving Your Development Workflow with Webpack, React Hot Loader and Onsen UI

Onsen UI Hot Reloading

One of the great things about React is that there are a lot of tools and libraries available. One of the most popular is the React Hot Reloader by Dan Abramov, who also created Redux. The React Hot Reloader enables developers to make code changes and apply these changes without the application losing its state. In this tutorial we will build a small application step by step to demonstrate the power of Webpack and React and also show how OnsenUI users can benefit from it.