Blog

Outline view

When building complex UI for your mobile app, it can become difficult to quickly select needed components. It can be even more complicated if there are many levels of nested components. A Grid component, for example, contains rows and columns, while each cell contains Buttons, Images and HTML. Some cells can even contain another Grid. By using OUTLINE view you can see the UI structure in simple hierarchical way. You can open or hide OUTLINE view by clicking the button to the bottom of the screen, nearby the components palette.

Make sure to check out all of our mobile development tips.

Do you want to build apps fast? Start developing with our trial plan!

Appery.io Dependency Manager

Another great built-in Appery.io tool is the powerful Dependency Manager. It can be used to add new dependencies to your app, manage the asset loading order, add initial logic for dependencies, and much more. You can load resources any time it is required in the project (not only while loading the app). This can be configured in a simple, visual way with the Dependency Manager.

Make sure to check out all of our mobile development tips.

Do you want to build apps fast? Start developing with our free plan.

There are two powerful and convenient ways to use data flow management in Appery.io: Mapping and Binding.

Mapping

When a REST service is invoked, it usually requires input data. In most mobile apps, the data comes from the page (user-entered) or from storage (previously saved). When the service is invoked, it returns the data you want for further actions with it. This is when Mapping comes really handy — you can map input and output data via a simple and intuitive drag&drop system. You can also modify the incoming and outgoing data on-the-fly by adding custom JavaScript to a needed element.

Binding

AngularJS apps support automatic data synchronization between the model and view components. When the model changes, the view reflects the change, and vice versa. It’s called data-binding. Appery.io provides Binding — the visual tool for managing the connections between UI components and scope. By going to the BINDING tab you can see an overview, and add or remove connections via the simple drag&drop system.

Make sure to check out all of our mobile development tips.

Do you want to build apps fast? Start developing with our free plan.

Geolocation functionality is one of the most popular features in mobile development. In Appery.io, a geolocation plug-in is available out-of-the box and can be configured in minutes to use in your mobile app. Recently, we’ve updated the geolocation plug-in for AngularJS apps (both Ionic and Bootstrap) and now it is even more intuitive and faster to use. In the geolocation plug-in docs you can find out how to add the plug-in to your Appery.io app, so you can retrieve the current position and start\stop watching position.

Make sure to check out all our mobile development tips.

Do you want to build apps fast? Start developing with our free plan.

Appery.io recently announced another great feature that significantly simplifies app versions publishing. By using the AutoUpdate feature, you can make changes to the published app without submitting it to app stores. Go to EXPORT > Auto update after you’ve made changes, and Appery.io will generate a bundle with the updated resources. Apps installed on devices will automatically download the updated bundle, so users don’t need to do anything for the update. You can read more about the AutoUpdate feature in our documentation.

Make sure to check out all our mobile development tips.

Do you want to build apps fast? Start developing with our free plan.

Would it be nice to have unique push notification sounds for your app? When you have a unique sound, users can quickly differentiate it from other notifications. Adding custom sound is really easy with Appery.io – upload a custom sound file to your Appery.io app and then specify its name on the push notifications page. Currently, the feature is available for iOS apps only. You can find more about the custom sounds and a lot of other useful information on push notifications in our documentation.

Check all the mobile development tips.

Do you want to build apps fast? Start developing with our free plan.

Are you looking for a convenient place to keep data that may be accessed from any screen of your app? Appery.io has you covered. Use the Settings Service to keep any data you need to quickly access from anywhere in your app. The Settings Service has its own API. so it’s easy to manage programmatically. Use it for static values such as URLs and IDs and for dynamic values such as device language or dates. But, beware of keeping sensitive information there such as session tokens.

Tell me more.

For more tips…

AngularJS provides many useful tools for easy app development, including the concept of directives. When building an AngularJS mobile app with Appery.io, you can easily write any custom directive you want to extend the behavior of HTML. Appery.io even provides two of it’s own built-in directives you can use: navigateTo and backButton. The first one helps navigate between app pages; the second one helps manage your browser history including making the back button behave more intuitively.

Tell me more.

For more tips…

Most popular modern apps require an internet connection to a server to operate fully. Sometimes, though, devices are going  to be disconnected, so an app needs to be able to “catch up” with the server when it’s reconnected. Incorporating this synchronization into your app is important for attracting more users. With the help of Appery.io API Express and its offline mode, you can do exactly that! As part of this feature, there are a variety of different methods available to handle all the details like switching between online and offline modes, triggering the synchronization, and resetting data that fails to synchronize.

Tell me more.

For more tips…

Slowness is the ultimate user experience killer for apps. A good way to make your apps faster is to boost screen loading speed. “Minification” helps this by removing all unnecessary characters from screen code without changing the functionality. You can easily add minification to your AngularJS apps in Appery.io with the Grunt JS Task Runner. Then, you can easily customize the minification process through configuration or by adding third-party modules.

Tell me more.

For more tips…