Mobile App Development using Angular

Mobile app development using Angular

Nikhith N

Software engineer @

Tools used to build Hybrid apps

• Ionic-Framework.
• NativeScript
• React-Native
• PhoneGap
• Framework7
• Kendo UI
• Mobile Angular UI

Famous and Widely used tools

NativeScript

What is Ionic-Framework?

• Ionic is an open source framework for developing hybrid mobile applications with the use of Angular, Sass and Cordova

What is Native-Script?

What is NativeScript?

• NativeScript is a framework targeted at building native IOS and Android apps without web views

What is Native-Script?

Which one should i use?

• Learning curve
• Performance
• Code comparison
• Debugging
• Pros and Cons

What is Native-Script?

Getting started with Ionic

• Ionic uses Html, Javascript and Css to build Android and IOS applications

• Ionic mainly uses Cordova to create, build, run and deploy the mobile applications.

What is Native-Script?

Getting started with Nativescript

• Nativescript uses Xml, Javascript and Css to build Android and IOS applications

• NativeSript mainly uses Javascript virtual machine's to execute Javascript  commands.

Performance

• The performance of Nativescript is better than Ionic apps, as you might expect. Ionic uses apache cordova that runs your app in web-view which takes a hit on performance.

• Ionic-Framework

What is Native-Script?

Code Comparison

• Nativescript

• The debugging experience of ionic is easy and quick than Nativescript. You can debug parts of Ionic app that do not use native device features

What is Native-Script?

Debugging Ionic and Nativescript

• The debugging for Nativescript happens in the console which, in my opinion is not the best experience

What is Native-Script?

The Pros and Cons of Ionic

Pros

Cons

• Angular is a nice to work
• Apache cordova is polished
• Has good performance

• Angular 1.x to Angular 5 has a huge learning curve
• Apache cordova plugins required native knowledge.
• Layouts do not use native components

What is Native-Script?

The Pros and Cons of NativeScript

Pros

Cons

• Native platform layouts
• Javascript access to native components and API's
• Has excellent performance

• It is newer and may have have less examples
• App size too big.

What is Native-Script?

Conclusion

• Both Nativescript and Ionic-Framework are pretty similar development platforms. You can develop Android and IOS applications.

• In my opinion both are very valid and solid ways to build mobile applications. You won't be disapointed either way.

What is Native-Script?

Mobile app development using Angular

Thank you

@nikhith_n