Software:Ionic (mobile app framework)

From HandWiki
Revision as of 09:08, 9 February 2024 by Ohm (talk | contribs) (linkage)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Short description: Open-source framework to develop hybrid mobile apps
Ionic
Ionic-logo-landscape.svg
Developer(s)Drifty[1]
TypeSoftware framework
LicenseMIT License
Websiteionicframework.com

Ionic is a complete open-source SDK for hybrid mobile app development created by Max Lynch, Ben Sperry, and Adam Bradley of Drifty Co. in 2013.[2] The original version was released in 2013 and built on top of AngularJS and Apache Cordova. However, the latest release was re-built as a set of Web Components using StencilJS, allowing the user to choose any user interface framework, such as Angular, React or Vue.js. It also allows the use of Ionic components with no user interface framework at all.[3] Ionic provides tools and services for developing hybrid mobile, desktop, and progressive web apps based on modern web development technologies and practices, using Web technologies like CSS, HTML5, and Sass. In particular, mobile apps can be built with these Web technologies and then distributed through native app stores to be installed on devices by utilizing Cordova or Capacitor.[4]

History

Ionic was created by Drifty Co. in 2013. After releasing an alpha version of the framework in November 2013, a 1.0 beta was released in March 2014, a 1.0 final in May 2015, and several 2.0 releases in 2016.[5]

Since January 2019, Ionic 4 allows developers to choose other frameworks apart from Angular like React, Vue.js, and web components.[6] Ionic 4 was built using StencilJS.

Services and features

Ionic uses Cordova and, more recently, Capacitor plugins to gain access to host operating systems features such as Camera, GPS, Flashlight, etc.[7][8][9] Users can build their apps, and they can then be customized for Android, iOS, Windows, Desktop (with Electron), or modern browsers.[10] Ionic allows app building and deployment by wrapping around the build tool Cordova or Capacitor with a simplified 'ionic' command line tool.[11]

Ionic includes mobile components, typography, interactive paradigms, and an extensible base theme.[12]

Using Web Components, Ionic provides custom components and methods for interacting with them. One such component, virtual scroll, allows users to scroll through a list of thousands of items without any performance hits. Another component, tabs, creates a tabbed interface with support for native-style navigation and history state management.[citation needed]

Besides the SDK, Ionic also provides services that developers can use to enable features, such as code deploys, automated builds. Ionic also provides its own IDE known as Ionic Studio, but it was discontinued in 2020.[13]

Ionic also provides a command-line interface (CLI) to create projects. The CLI also allows developers to add Cordova plugins and additional front-end packages, enable push notifications, generate app Icons and Splash screens, and build native binaries.[14]

Supported platforms

For Android, Ionic supports Android 4.4 and up. For iOS, Ionic supports iOS 10 and up.[15] Ionic 2 supports the Universal Windows Platform for building Windows 10 apps.[16] Ionic Framework, based on Angular.js, supports BlackBerry 10 apps.[17]

Performance

Ionic apps run with a mixture of native code and web code, providing full access to native functionality if necessary, with the bulk of the UI of the app built with standard web technology. Ionic utilizes native hardware acceleration features available in the browser (such as CSS animations) and optimizes rendering (avoiding expensive DOM manipulation). Ionic leverages CSS transitions and transforms for animation as a way to leverage the GPU and maximize available processor time.[citation needed]

Installation

Ionic is an npm module and requires Node.js.[18]

References

  1. Sarah Perez (10 March 2014). "Drifty, Makers Of The Ionic Mobile Framework, Raise $1 Million". https://techcrunch.com/2014/03/10/drifty-makers-of-the-ionic-mobile-framework-raise-1-million/. 
  2. Drifty, Inc (2016). "Ionic Documentation Overview - License". http://ionicframework.com/docs/overview/#license. 
  3. "Introducing Ionic 4: Ionic for Everyone". 23 January 2019. https://blog.ionicframework.com/introducing-ionic-4-ionic-for-everyone/. 
  4. Drifty. "Ionic Framework" (in en). https://ionicframework.com/docs/intro/concepts/. 
  5. "Best Ionic App Development Company | Hire Ionic Developers" (in en). https://www.crystalinfoway.com/ionic-app-development-company. 
  6. "Comparing v4.0.0-rc.3/v4.0.0 · ionic-team/ionic-framework". https://github.com/ionic-team/ionic-framework/compare/v4.0.0-rc.3...v4.0.0. 
  7. "Cordova Plugins". https://docs.usecreator.com/docs/how-to-use-cordova-plugins-with-your-creator-app. 
  8. "Attractive Features Of Ionic App Development Framework". https://www.mytechlogy.com/IT-blogs/15907/attractive-features-of-ionic-app-development-framework/. 
  9. Drifty. "Ionic Framework" (in en). https://ionicframework.com/docs/native/. 
  10. Drifty. "Ionic Framework" (in en). https://ionicframework.com/docs/intro/browser-support/. 
  11. "Mastering the Ionic Framework: Learn to Build & Deploy Native Speed HTML5 Based Apps - Thinkster". https://thinkster.io/ionic-framework-tutorial. 
  12. Ionic. "Theming Basics - Ionic Documentation" (in en). https://ionicframework.com/docs/theming/basics. 
  13. "Ionic Studio is DeaD" (in en). https://www.reddit.com/r/ionic/comments/jkk45i/comment/gamii1b. 
  14. Ionic. "Installing Ionic - Ionic Documentation" (in en). https://ionicframework.com/docs/installation/cli. 
  15. "Browser Support - Ionic Documentation". https://ionicframework.com/docs/intro/browser-support. 
  16. "Announcing Windows Support in Ionic 2". 29 March 2016. http://blog.ionic.io/announcing-windows-support-in-ionic-2/. 
  17. "Top JavaScript Frameworks for Enterprise Mobility". http://devblog.blackberry.com/2015/07/top-javascript-frameworks-for-enterprise-mobility-part-13/. 
  18. "Free Mobile App Development: Getting Started with Ionic Apps". https://ionicframework.com/getting-started. 

External links