NativeScript

NativeScript
Original author(s) Telerik by Progress.[1]
Developer(s) Progress and community
Initial release 2014 (2014)
Stable release
4.2.3 / August 28, 2018 (2018-08-28)[2]
Written in JavaScript, TypeScript
Platform Cross-platform
License Apache License
Website www.nativescript.org

NativeScript is an open-source framework to develop apps on the Apple iOS and Android platforms. It was originally conceived and developed by Progress.[3] NativeScript apps are built using JavaScript, or by using any language that transpiles to JavaScript, such as TypeScript. NativeScript directly supports the Angular framework [4] and supports the Vue framework via a community-developed plugin.[5] Mobile applications built with NativeScript result in fully native apps, which use the same APIs as if they were developed in Xcode or Android Studio.[6] Additionally, software developers can re-purpose third-party libraries from CocoaPods, Android Arsenal, Maven, and npm.js in their mobile applications without the need for wrappers.[7][8][9]

Development

NativeScript was publicly released first in March 2015. Version 1.0.0 followed two months later.[10] The framework quickly gained popularity reaching 3000 github-stars and over 1500 followers on Twitter soon after the public release.[11] In the meantime, over 700 plugins are available, which are either officially supported by Progress or stem from the open source community.[12][13] The use of Angular is an optional development approach allowing for application source code to be shared between the web platform and mobile platform.[14][15]

Structure

NativeScript and all the required plugins are installed using the package manager npm. Projects are created, configured, and compiled via the command line or a GUI tool called NativeScript Sidekick.[16] Platform-independent user interfaces are defined using XML files. NativeScript then uses the abstractions described in the XML files to call native UI elements of each platform. Application logic developed in Angular and TypeScript can be developed independent of the target platform as well. A NativeScript mobile application is built using the node.js runtime and tooling.[17] Progress aims for a ratio of 90% common code between the iOS and Android platforms.[1]

Direct Access to Native Platform APIs and Controls

Platform-independent user interfaces are defined using XML files.[18] NativeScript uses the XML data structures representing the cross platform abstraction to trigger platform-specific code that directly interacts with the native elements of the target operating system. This means a call to the NativeScript Button API provides a UI abstraction for Button, which directly calls UIButton on iOS [19] or com.android.widget.Button on Android.[20]

While application source code is written in JavaScript, TypeScript, Angular, or Vue.js, the source code is not compiled or otherwise mutated. The source code as-is runs directly on the device. This architectural choice eliminates the need for cross-compiling or transpiling.[9] Additionally, while the application source code is written in languages commonly encountered in a browser (or in a WebView-contained mobile application) NativeScript applications run directly on the native device. There is no DOM manipulation or any mandatory browser interaction.[4]

Notable Features

Native API Reflection (a.k.a. 0-Day Access)

Another notable feature is the use of reflection to handle native API endpoints. Rather than require separate binding layers between NativeScript and each mobile platform API, NativeScript uses reflection to gain information and metadata about the native platform APIs. New features added to any native platform API are available immediately.[4]

Another way the reflection feature is used is in working with third party libraries. As JavaScript (or TypeScript/Angular) can talk directly to native code, there is no need to write binding layers in Objective-C, Swift, Java or Kotlin.[9][21]

Angular Integration

With the launch of NativeScript 2.0, it is possible to use Angular to build cross-platform mobile applications.[22] Additionally, when using Angular with NativeScript you have the ability to share large chunks of code between your web and mobile apps.[23]

Vue Integration

The Vue framework is supported in NativeScript thanks to a community-driven effort to develop a plugin.[5]

Supporting Tools and Services

  • NativeScript Sidekick is a graphical user interface that builds off of the capabilities provided by the NativeScript CLI. With Sidekick a developer can leverage app templates, cloud-based builds for iOS and Android, and publish apps to the public app stores.
  • NativeScript Playground allows developers to experiment with NativeScript in a web-based environment, and preview apps on physical devices.
  • NativeScript Marketplace is a curated source of NativeScript plugins, pre-built app templates and runnable sample apps.

References

  1. 1 2 https://www.nativescript.org/faq
  2. ↑ https://github.com/NativeScript/NativeScript/releases
  3. ↑ https://www.infoq.com/news/2015/03/nativescript
  4. 1 2 3 http://www.infoworld.com/article/2893706/mobile-development/javascript-native-ios-android-and-windows-phone-apps.html
  5. 1 2 "{N}-Vue". nativescript-vue.org. Retrieved 2017-10-31.
  6. ↑ http://searchcloudapplications.techtarget.com/podcast/NativeScript-framework-eases-cross-platform-app-development-woes
  7. ↑ http://www.infoworld.com/article/3066900/javascript/nativescript-warms-up-to-angularjs-for-mobile-dev.html
  8. ↑ http://sdtimes.com/sd-times-github-project-of-the-week-nativescript/
  9. 1 2 3 https://visualstudiomagazine.com/articles/2015/03/09/telerik-nativescript-beta-mobile.aspx
  10. ↑ http://www.i-programmer.info/news/167-javascript/8561-nativescript-100-released.html
  11. ↑ https://www.nativescript.org/blog/nativescript-1.0.0-is-now-available
  12. ↑ https://market.nativescript.org/
  13. ↑ https://www.npmjs.com/search?q=nativescript
  14. ↑ http://www.cioreview.com/news/progress-releases-nativescript-20-with-crossplatform-deployment-capabilities-nid-14646-cid-19.html
  15. ↑ http://www.htmlgoodies.com/beyond/javascript/getting-to-know-angular-2.html
  16. ↑ "NativeScript Sidekick - your faithful companion for app development". NativeScript.org. Retrieved 2017-10-31.
  17. ↑ http://www.heise.de/developer/artikel/Mit-JavaScript-wie-hausgemacht-NativeScript-3282619.html
  18. ↑ https://docs.nativescript.org/ui/basics
  19. ↑ https://github.com/NativeScript/NativeScript/blob/master/tns-core-modules/ui/button/button.ios.ts
  20. ↑ https://github.com/NativeScript/NativeScript/blob/master/tns-core-modules/ui/button/button.android.ts
  21. ↑ https://docs.nativescript.org/core-concepts/accessing-native-apis-with-javascript
  22. ↑ https://www.nativescript.org/blog/nativescript-2.0---the-best-way-to-build-cross-platform-native-mobile-apps
  23. ↑ https://blog.angular.io/apps-that-work-natively-on-the-web-and-mobile-9b26852495e7
This article is issued from Wikipedia. The text is licensed under Creative Commons - Attribution - Sharealike. Additional terms may apply for the media files.