March 2015 Summaries

In celebration of the release candidate of Ionic's version 1.0, publishers are offering time-limited promotions on several Ionic and related books, including "Ionic in Action" by Jeremy Wilken, "Apache Cordova in Action" by Raymond Camden, and "AngularJS in Depth" by David L. Aden and Jason L. Aden, all available at a 50% discount using the code if50 until March 26, 2015. The announcement encourages readers to subscribe to the newsletter for regular updates without spam. Additionally, related posts on the blog discuss topics such as Capacitor, creating fast Progressive Web Apps (PWAs) with SvelteKit and Ionic, and various global Ionic events.

With the release of Ionic 1.0, the development team has introduced new animated SVG spinners to enhance the user interface of applications, replacing the older animated font icons that were inconsistent across different browsers due to varied font rendering on iOS and Android. Unlike the previous font icons that caused visual issues like wobbling, the SVG spinners are not affected by browser font rendering, allowing for smoother animations. These new SVG spinners, integrated with Angular, offer developers the flexibility to customize icon colors, use built-in Ionic colors, and maintain platform continuity by easily switching icons for iOS and Android at runtime. This update aims to provide a consistent and visually appealing experience across platforms, encouraging developers to explore the documentation and implement these spinners in their apps.

On March 17, 2015, Max Lynch, CEO of Ionic, announced a new feature for Ionic View and ionic.io that allows users to invite co-workers, friends, and customers to preview and test their apps, offering a simpler alternative to platforms like TestFlight. This feature can be accessed by running the command `$ ionic share EMAIL` to share the app with the specified email address. To utilize this functionality, users must update to the latest version of the Ionic CLI and upload their app to ionic.io. Additionally, future updates will enable sharing directly from Ionic View and ionic.io. The announcement encourages users to join Ionic's newsletter for more updates.

Ionic addresses the challenge of designing apps that meet the style guidelines of different mobile platforms by providing developers with tools to ensure platform continuity, thereby making app design both faster and more efficient. While users expect apps to look and function according to the specific conventions of their chosen platform, historically, achieving this has been a daunting task for developers. Ionic simplifies this process by allowing customization of various design elements like headers, tabs, and icons to automatically match the aesthetics of iOS or Android, without compromising on the "write once and run anywhere" mantra. As a result, developers can create apps that are not only visually appealing but also maintain consistent functionality across platforms, which is a key criterion for inclusion in the Ionic Showcase.

Ionic introduced a new "Swipe to Go Back" feature during ng-conf, which enhances user navigation by allowing users to swipe from the left of a page to return to the previous one, similar to native iOS apps. This feature is exclusive to iOS within Cordova, as Android and standard mobile browsers use different methods for similar functionality. The interactive transitions replace static animations, ensuring a seamless navigation experience where views either snap back or complete the transition, mirroring the actions of the back button. The navigation's URL changes remain consistent with other lifecycle events, and further insights into the Ionic community's reception of this feature can be found in Sani Yusuf’s Medium post.

Following the successful ngConf, the Ionic team, led by CEO Max Lynch, is committed to supporting Angular 2 in the upcoming Ionic v2, capitalizing on Angular's sustained prominence in the development community. The team plans to enhance Ionic by making it faster, easier to use, and more powerful through the adoption of Angular 2's new component model, which facilitates easier component building and interaction with data. An "Angular/Ionic 2 Summit" is scheduled for further refinement based on lessons from Ionic v1, with the Ionic team working closely with Angular developers to ensure a seamless integration. The anticipated improvements aim to align with web standards, simplifying learning and increasing accessibility for developers, with full support for both Ionic v1 and v2 throughout the transition.

Ionic announced its sponsorship of a $500 cash prize for the best post about Ionic in AirPair's $100,000 developer writing competition, which encourages developers to share tutorials, opinion pieces, and stories involving the use of Ionic in production. The competition allows authors and readers to collaborate on posts using features like forks and pull requests, similar to code collaboration. Developers who have used Ionic in innovative ways, learned valuable lessons, or integrated Ionic with other APIs are invited to participate, with the average post on AirPair receiving 15,000 views in January. This initiative offers a valuable opportunity for developers to showcase their Ionic-based applications and share knowledge with the community.

Ionic's Collection Repeat was initially designed to optimize the performance of scrolling through large lists by dynamically switching out elements, inspired by iOS's UITableView. The original implementation required developers to specify the dimensions of each item, leading to performance issues due to unnecessary recalculations. A significant refactor introduced a more performant solution that estimates dimensions using getComputedStyle(), allowing for lazy calculations and improved rendering through batching DOM operations. The new version includes various modes, such as Static List Mode and Dynamic Grid Mode, optimizing performance for different scenarios. Challenges remain with iOS image rendering, where lag occurs due to non-cached image sources, though experiments with web workers and data-uris show promise in mitigating these issues. Despite the complexities, the new Collection Repeat is more efficient and user-friendly, with continued efforts to enhance iOS performance further.