In our first guest post we are going to learn how its already possible with the right team to run Angular 2 apps in production, including Ionic 2 Progressive Web Apps.
Without further ado, we pass the word to Eugene from Sherpadesk.
Why Angular 2 ?
Our developer Eugene completely rebuilt the SherpaDesk mobile web app with only one month of coding experience of Angular 2 and Ionic 2.
We always like to learn something new! We are always looking for the opportunity to learn new technologies as not just a challenge, but to be more productive.
Functional Context, Sherpadesk in a Nutshell
SherpaDesk is a new startup focused specifically on helping out professional services, especially IT guys. SherpaDesk allows small to medium sized organizations to easily track customer support issues, log billable and non-billable time and monitor project profitability while either at the desk or on their mobile devices.
SherpaDesk provides the ease of use and flexibility necessary for organization needing to stay in touch with their customers.
What went wrong with our App?
We originally developed the first mobile app using jQuery Mobile. The solution became clunky and slow, essentially making it very difficult to use. Next we thought, let’s try to switch to vanilla JS and Phonegap. This eventually didnt work out as it became difficult to maintain support across several platforms.
We needed to support iOS, Android and Windows Phone, web app, Chrome extension and even an Apple iWatch.
The search for a solution
Having exhausted (and being exhausted) by these methods, Eugene started looking for any SDK which would help him focus on productivity and functionality of the app, supports the capability of easily supporting multiple platforms and be ready to go right out of the box.
We started exploring these options back in early December 2015 and at that time Angular 2 was just in alpha stage, however it looked very promising. Our team is comprised of mostly C# developers, so we liked the idea of its Typescript support and component architecture.
Still Angular 2 was a little too premature of a solution as there wasnt really any useful components written yet. To create a fully functional hybrid app, we decided to go with Ionic 2, which is built on top of Angular 2. This gave us a best case scenario providing us with a full ecosystem of widgets for building exciting hybrid apps.
What does Ionic 2 have to offer ?
Ionic 2 offers components and templates just like native developers are used to. We used a whole lot of Ionic 2 widgets including side menus, navigation, list views, popups, action sheet, modals, slide box, form inputs, loading, platform, and written some custom components (i.e. select list, tickets list).
The complete redesign and refactoring of the app was completed in just two months! Winning!
What where the benefits of Angular 2 and Ionic 2 ?
Results of releasing the new production app have been amazing:
- Loading time improved 1400% (10 sec -> 700 ms)
- Site size decreased 600% (3Mb -> 500 Kb)
- User interaction response speed improved 2000% (2 seconds -> 100ms)
Users love the new design and layout. We have seen engagement with the app significantly increase with each new iteration. We have also seen a lot of lot of discussions asking if there are any apps built on Angular 2 and Ionic 2 SDK capable of production. Our results shows definitively that it is now time to build production apps with Ionic 2.
What is the scale of the platform ?
SherpaDesk offers customer support solutions, time tracking and billing for more than 100K users.
What tools do we use ?
For example we used the standard tools that most Cordova developers use, such as SafariViewController/InAppBrowser, StatusBar, and Google Analytics, as well as some non-standard ones, such as AppPreferences for keeping LocalStorage persistence.
We use embedded and minified templates to speed up the loading of pages and reducing flicking in the WebView.
Why Hybrid Apps ?
We became a hybrid app team because we believe in code sharing for our apps which helps us get code out there as soon as possible. We want to use our skills set to develop high-quality apps. Ionic 2 and Cordova help us do that.
We think that the best thing about developing hybrid apps is the ability to get to market quickly and then iterate quickly !
Thank you Eugene for this great production testimonial! It really is an exciting time to be a web and mobile developer!
As we can see, even without the offline compiler there are already significant benefits of using Angular 2, as compared to more traditional solutions.
If you also have a production Angular 2 testimonial or would like to be a guest on our blog, please don't hesitate to reach us at email@example.com.
Also, have a look at this previous post How to run Angular 2 in Production Today for further info on the concrete details of how an app can be run.
Other posts on Angular 2
If you enjoyed this post, here some other popular posts on our blog:
- Angular 2 Router - How To Build a Navigation Menu with Bootstrap 4 and Nested Routes
- Angular 2 Router - Extended Guided Tour, Avoid Common Pitfalls
- Angular 2 Components - The Fundamentals
- How to build Angular 2 apps using Observable Data Services - Pitfalls to avoid
- Introduction to Angular 2 Forms - Template Driven, Model Driven or In-Between
- Angular 2 ngFor - Learn all Features including trackBy, why is it not only for Arrays ?
- Angular Universal In Practice - How to build SEO Friendly Single Page Apps with Angular 2
- How does Angular 2 Change Detection Really Work ?
Our YouTube Channel
Subscribe to our YouTube channel for free early previews of our courses. We publish them there first temporarily for getting early feedback: