The 9 Most Common Mistakes That Ionic Developers Make

Are you an ionic developer? Are you facing setbacks despite apparently doing everything right? Do you want to learn from the mistakes made by your peers? Or do you, as a computer geek, wish to gobble up anything and everything on the subject? If you fall in any of the above categories, then you should be aware of the mobile app framework, Ionic. For the rest of us, the lesser mortals, we will first understand what Ionic is and then we will look into the 9 most common errors than Ionic developers make.

So, what is Ionic?

Ionic is an open-source source-development-kit used for developing mobile apps. It was released in 2013 and has become a global platform in just 3 years. It is extremely popular and has been instrumental in the development of more than a million apps. There have been significantly updated releases after the initial launch and web technology has since then evolved significantly.

Why this list?

This list is to place emphasis on the common mistakes which act as ready reckoners for developers which one can refer to and avoid the fundamental problems that hinder the building of a robust and scalable framework.

Common Mistake#1: Forgetting to enable Native scrolling

Native scrolling enabled the use of infinite rolling and pull to refresh features without JavaScript scrolling. It also allows the framework to listen to scrolling events on supported web-views. It made a remarkable difference in the performance and user experience of the application.

Native Scrolling is enabled by default on Android since Ionic 1.2. Unfortunately, in the absence of events on iOS the “native scrolling” is not functional for the previous versions of the platform yet.

If you are using a version prior to 1.2, do not forget to enable Native Scrolling for Android using the Ionic Config Provider:

<pre><code class=”language-js hljs”><span class=”hljs-comment”>// Enable Native Scrolling on Android</span>
$ionicConfigProvider. .jsScrolling(<span class=”hljs-literal”>false</span>);</code></pre>

If you wish to enable/disable native scrolling on one particular page, just use the following directive

in ion-content:

<pre><code class=”language-html hljs”><span class=”hljs-comment”><!– Disable Native Scrolling on this page only –></span>
<span class=”hljs-tag”><<span class=”hljs-title”>ion-content</span> <span class=”hljs-attribute”>overflow-scroll</span>=<span class=”hljs-value”>”false”</span>></span></code></pre>

Common Mistake #2: Missing out on the Ionic CLI

Iconic CLI has great features like, platform and plugin preference, which it adds to Cordova CLI.  The problem with Cordova CLI is that the features are machine specific and while sharing the same environment, platforms, and plugins, it is difficult to keep the project in sync between the systems. Iconic CLI helps to resolve these issues by helping the machines to remain synchronised.

Platforms and plugins are stored in Cordova platforms and cordova Plugins properties like this:

<pre><code class=”language-json hljs”><span class=”hljs-string”>”cordovaPlugins”</span>: [
<span class=”hljs-string”>”cordova-plugin-whitelist@1.0.0″</span>,
<span class=”hljs-string”>”cordova-plugin-inappbrowser@1.0.1″</span>,
<span class=”hljs-string”>”cordova-plugin-splashscreen@2.1.0″</span>
<span class=”hljs-string”>”cordovaPlatforms”</span>: [
<span class=”hljs-string”>”android”</span>,
<span class=”hljs-string”>”ios”</span>

Common Mistake #3: Thinking Performance can be an issue

Ionic is based on AngularJS, and performance is always a doubt. However, we think that is a myth and very good performance can be achieved through Ionic.

Several successful Apps have been developed through Ionic, some of which has a 9M+ user base, 7M+ downloads and an average of 4.5 stars on Google Play.

One can use $Watch and Track By to get better performance.

Common Mistake #4: Confusions with ‘View Cache’ logic

Does your app create cache? It is a very difficult question to answer for the novice developers. With Ionic, 10 pages are cached by default. This helpful feature can be of trouble to us if we are unable to understand the dynamic of cache pages.

The problem is that when the user returns to a cached page, the controller is not re-instantiated again, and everything is like the same as when you left that page. You can update the cache by using these particular lines of code, which can be both for global as well as per platform basis:

<pre><code>// Globally
$ionicConfigProvider. views.maxCache(5);

// Per platforms
$ionicConfigProvider. maxCache(5);
$ionicConfigProvider. platform.ios.views. maxCache(5);</code></pre>

Common Mistake #5: Not knowing the capabilities of Crosswalk

Every Android version runs a different WebView. The performance of the OS varies from one device to another. In order to resolve the issue and deliver a similar performance on any of these versions, you can install Crosswalk. It works to create a sync between the working of your application and the latest Chromium browser. The crosswalk can be installed simply using Ionic CLI or Cordova CLI.

You can install Crosswalk simply using Ionic CLI or Cordova CLI:

<pre><code class=”language-bash hljs”>ionic plugin add cordova-plugin-crosswalk-webview</code></pre>

Common Mistake #6: Running Cordova plugins inside the browser

Most of the developers out there create Apps to run on iOS or Android. However, they make the elementary mistake of testing the same on the web browser. Well, you could, but only after you install the proper browser platform. It is not compatible with all plugins. One can debug very easily in Android remotely.

Common Mistake #7: Mismatching the Architecture and Application scale

Most people make the critical mistake of using a basic architecture in developing advanced applications. People face scalability issues which are not easily modifiable.

Common Mistake #8: Binding Events ton scroll, and Forgetting About requestAnimationFrame

One should be very careful while selecting or writing codes, the codes usually make or break an App. One should take care that anything that triggers a digest loop should be deferred and not triggered together with heavy painting, which also is the effect of scrolling.

Many things that can be achieved by binding to scroll events, can also be developed using a different method. Behold requestAnimationFrame

Common Mistake #9: Using Ionic Applications frameworks mechanically

There are several options available to developers like, Ionic Creator, which has a very helpful drag and drop feature, which can help reduce development time greatly. We should be using them rather than doing everything manually.


Ionic has changed the way mobile app development was done. It has brought about revolutionary changes and is still evolving. While adapting to different platforms will always be a challenge, the ability to function across environments is slowly becoming a prerequisite. However, this journey can be much less daunting if one accesses the plethora of resources available online. We hope that this post has removed some of the obstacles you are facing while working on Ionic.

3 MUSTS to grow your Business

Are you interested in entrepreneurship? Are you interested in starting up an entire digital kingdom of your own? Are you enthralled by the prospects of planning, processing and developing an entire market for yourself?

Well, then what is stopping you? Well, it looks like there are some snags that might be disrupting your rise to glory. Your business might be waiting to bloom, but due to the lack of some crucial elements, you might be missing out on a spectacle worth living for! You know what I am talking about. The moment when you realize that your business has broken beyond the bonds of its origin and is free to grow, develop and proliferate on its own.

Oh, wait.

But, where do you start all this? Let’s take an example just to give you an indication of the cardinal laws that govern the digital wilderness.


The 3 Cardinals of Online Business to Grow

#1 Design & Development

The first step that you have to take as far as climbing up the mountain of a task that digital empire building is, involves the planting of a seed of identity in a virtual space that your online business or website will call home. Developing an identity for your business is as important as developing a personality is for a child who matures from infancy to adulthood.

 The foundation of your identity is your website- which ultimately becomes your model to develop your app, digital advertisement, etc. There are 2 parts to this:


Designing is basically made up of everything that the viewer comes in contact with as soon as they land on your website. This includes the overall look and feel of your website.  The design of your site gives an apt indication of what elements your business is defined by as well as the inherent conceptualization of business model. We have only started to understand how revealing a design can truly be as far as sending out messages about your business as well as your intentions is concerned. Design is similar to the clothes that you wear, in that they reveal a lot about your personality as well as your mindset.

web design

The seed of identity of your website is sown through the process of logo design, where the intentions behind your business ideals are expressed artistically. The next phases of designing include aspects such as designing of the virtual space that your business calls home, which is embedded in the process known as website design.


Development basically takes care of all the background that that goes into making your site that is controlling how every icon, widget, tool works on your site. For this you need programmers who specialize in programming languages such as C++, HTML, Java, PHPBeing at the helm of an online business may involve the need to use special tools and plugins on your site, such as payment processors and API (Application Programming Interfaces).

The integration of plugins and templates is an especially significant point of consideration if you are nurturing your website on a CMS platform like Joomla or WordPress. CMS stands for Content Management System, a platform that enables users to create digital content equipped with low-level details and user-friendly interfaces. We can use this for controlling formatting, history editing, updating versions, managing search bars, integrating plugins, and more. This process of development changes and fluctuates on the basis of the CMS platform on which you are building your website, which means that Joomla development might differ heavily from WordPress development or Magento development.

Development of entire websites and digital empires can be done through the use of frameworks as well. These frameworks provide much greater freedom and flexibility as far as development is concerned, owing to the fact that they are made up of fixed patterns of methods and classes of code. The process of using frameworks for the development of a website includes the practice of Laravel developmentSmarty developmentDrupal developmentZen Cart development and Zend development.

#2 Marketing

Let’s face it, your business or website needs to have numerous channels through which it can express itself and reach out to people. A website or business without a dedicated target audience or consumer base is good as a tree without roots. The only way the website or business can grow is if it receives the nectar that all majestic digital creatures crave on the online medium, traffic!

  1. Know your message- This is the foremost thing you need to be clear about. What are you really advertising? What is it that you are putting out to your consumers? Always remember, what you are producing isn’t always the same as what you are advertising. The lack of proper communication can ultimately be the end of your business or website. Without a voice and an intention, your website will be left out in the vast market of the digital space, with no one to notice it or to acknowledge its presence.
  2. Know your audience– The motive or intention behind your website or product determines your target audience. A matte lipstick brand will target women in their 20s-30s, while a domestic drill will target husbands. Therefore, once you get the statistics of the specific target population to which your product/service appeals the most. You can initiate the process of increasing connectivity and strengthening the bonds within and without the business.
  3. Know your medium– In order to truly allow your business to grow beyond the bounds which it was created within during the inception phase. You need to understand how your customers interact and grow with the content/product/service that you offer them. This is of special significance as far as choosing a platform or medium of advertising is concerned. By using different mediums of advertising, you can start paying attention to the various aspects that your audience pays attention to. The medium you use defines the criteria that audiences employ to consume your product or service. Hence, by understanding the behaviour of your audience on different mediums, you can play around with the various tactics and techniques by tailoring them according to the differences that are evident among different mediums.

The techniques, in this case, include aspects such as digital marketingcontent marketing and social media marketing.

#3 Automation

Automation is another word for response, and is a distinct process which involves both users and producers on the same platform. To be more specific, it is a process that often blurs the lines between plain digital marketing. And more advanced software-based techniques of monitoring and analysis. Marketing Automation refers to the use of various software-based tools. Which can be used to convert repetitive processes into fully automated processes within the body of the business or the website. This is similar to converting certain processes involved in the development and marketing realm of the businesses into functions which occur involuntarily. Imagine this to be similar to shaping involuntary functions of a living organism, such as breathing, pumping of the heart as well as aspects such as digestion.

How can you make use of this?

Marketing automation is the ultimate tool for any aspect of online business development. Often defined by optimum assembly-line software, marketing automation lets you effectively handle your consumer base. Right from targeting the right audience to market integration. This helps you to be constantly connected with your consumers. Through offer-announcing SMSs, appraising emails and active polls, social campaigns and market funnelling techniques. Without the need to worry about maintenance and management.

Marketing automation

by making use of tools like Infusionsoft can cause immense returns for your business. This is possible due to the fact that it creates the opportunity for business owners to automate processes such as market funnel management, API integration, sales cart automation, and more. There are several other tools and practices for ensuring that you gain mastery over the process of automated marketing.

So, there you go mate- you have successfully summed up the stepping stones of online business development. Although reading material isn’t all that goes into building your empire, it is better to know the depth of the water before you cross the river, isn’t it?

Do let us know your queries, insights and opinions on these aspects that we have explored.