Our development team is proud to announce that applications created with Monaca can now use Cordova 6.5. With the Cordova 6.5 support, many additional features will be available in Monaca, such as Android Nougat, iOS 11, the iOS library management tool “CocoaPods” as well as the Swift-made plugins. In addition, once the Cordova 6.5 support is released, the Cordova version of all newly created projects will be 6.5.

  • Cordova Android platform updated from 5.1.1 to 6.2.3 (API level 25)
  • Support for Android 4.1 or later
  • Cordova iOS platform version updated from 4.2.0 to 4.4.0
  • Xcode version has been updated from…

For those may not know, Onsen UI offers a rich variety of UI components and tons of ready to implement features, specially designed for mobile apps. However, with all these possibilities one can’t help but be puzzled about how can all these components be combined to create an app. For that purpose, we in the Onsen UI team will show you how to use a combination of Onsen UI components to create a user interface pattern almost identical to the one of the popular music app Spotify!

The Pages

First of all, when creating an interface, you must decide how many and…


The Onsen UI team has been working to provide you with exciting new features at every new release. Behold as here come some more!

In this article we introduce the features added in recent versions 2.4.0 and 2.5.0:

  • Swipe to pop (2.5.0)
  • Native <template> Support (2.4.0)
  • <script> in <ons-page> and Page Lifecycle Hooks (2.4.0)
  • Caching / Preloading External Templates (2.4.0)

Swipe to pop (2.5.0)

In Onsen UI 2.5.0 and above, you can use swipe to pop feature by attaching swipeable attribute to <ons-navigator>. …


This is it. After months of grooming the Vue.js bindings to a sweet and stable spot, the Onsen UI team is happy to announce that our bindings for Vue.js are now available as a permanent product.

As the Vue community is growing bigger and bigger, if you were looking for the best mobile UI framework to build your Vue.js mobile apps with, look no further than this blog post. Just as simple, performant and powerful as Vue, keep reading to find out all about the added value Onsen UI can bring to your projects.

What’s first

First of all I’d like to…


Webpack 2 is out for a while now with some interesting features which can help to control and improve the performance of your application. For this reason, we are going to talk about these features here in this blog post. I’m gonna start by talking about tree shaking feature which helps to reduce the size of your bundle by excluding unused exports in it. Then, I will briefly describe code splitting feature and how brand new performance configuration object can help you to use this feature properly.

Tree Shaking

The tree shaking feature is used during the transpiling process to exclude unused…


Hey you Angular developers. Even though Monaca is still to support Angular development in its Cloud IDE, there are some good news. Just about a month ago Cordova added type definitions (from DefinitelyTyped) to their core plugin repositories. So although that’s not released yet, you can already add those plugins to your Angular app.

This post shows you how to do that by means of a very simple example app. It assumes you’ve been using Monaca either through the command line (CLI) or the Localkit.

CLI

The Monaca CLI allows you to add plugins to your app via the handy monaca…


Monaca CLI is a command-line tool which makes local development of Monaca apps easier. Recently, a new function called “transpile” has been added to Monaca CLI. It can be used to transpile code for React/Angular 2 apps.

We will explain in details about the transpile option.

Installation of Monaca CLI

To use Monaca CLI, Node.js is required. After installing Node.js, use npm (or yarn) in the command prompt to install Monaca as follows:

$ npm install monaca -g

Usage

Transpilation is used to convert languages like JSX (React) or Typescript (Angular 2) into something that can be executed by the browser. …


A couple of months ago we published an article on how to create a Pokedex application using Angular 2. Since then, the stable version of Angular 2 has been released and we have released the RC version of our Angular 2 bindings.

In this article we will use Onsen UI 2 and Angular 2 to create a simple mobile Pokedex app. We will use some of the code from the previous article, but we will integrate it with Onsen UI. …


Recently, Pokémon Go became very popular all over the world. Pokémon Go is using Augmented Reality principles by using smartphone’s camera to recognize objects and draw 3D objects in real-time.

Similarly, if you want to create an AR application in Monaca, Wikitude enables you to do so. It includes GPS location and image recognition through AR contents.

We will show you how to use Wikitude in Monaca app here.

Install plugin

First, install the Wikitude Cordova plugin by downloading the zip file and upload it to Monaca console. Please note that Cordova version 6.2.0-beta is required.

config.xml

Browse for file config.xml in project’s…


This time, we have a special treat for all beginners who want to develop beautiful apps, but don’t know where to start. One of our Senior Software Engineers, Bryan Ellis, created a short Udemy course for those that need a little help getting started with Cordova app development. It takes less than 2 hours and is extremely easy to follow. Without any excuses, it’s time to build apps!

Follow our short Udemy session and learn how to create an Apache Cordova app from scratch!

Learn to build your Apache Cordova app Udemy course is designed for all interested in app development, as well as HTML, CSS, and JavaScript. …

Onsen UI & Monaca Team

Team of developers from Onsen UI and Monaca

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store