Ionic

Ionic is een HTML 5 open-source framework voor het bouwen van snelle en kwalitatieve apps voor zowel mobiel als desktop.

In 2013 werd Ionic uitgebracht als open-source SDK (Software Development Kit) voor hybride mobiele applicaties. Sindsdien zijn er meer dan vijf miljoen apps ontwikkeld op basis van deze technologie. ‘Onder de motorkap’ is Ionic een uitbreiding op Angular, een web framework oorspronkelijk ontwikkeld door Google. Inmiddels zijn er verschillende nieuwe versies verschenen en is Ionic 4 uit 2019 de meest recente. Een grote vernieuwing is dat deze versie niet meer vastzit aan Angular als vast framework.

Ionic als framework richt zich op de ‘front-end’ gebruikerservaring. Denk aan de interactie die je als gebruiker hebt met een app, zoals de knoppen, navigatie, animaties en andere interacties.

Het bouwen van Ionic apps gebeurt op basis van bekende webtechnologieën als HTML, CSS, Javascript en Angular. Ionic werkt grotendeels op basis van Javascript bovenop WebView en (Cordova of in functionaliteit vergelijkbare) plugins. Deze combinatie betekent simpel gezegd dat de app gebouwd is als ‘een website’ die wordt ingeladen binnen de app. Met deze opzet kan een Ionic-app ‘als website in een app’ beschikbaar worden gemaakt voor meerdere platformen. Hiermee wijkt Ionic af van alternatieven als React Native.

Het gebruik van het Ionic-framework bij het maken van apps kent meerdere voor- en nadelen. Hieronder lees je waar je rekening mee moet houden als je van plan bent een Ionic app te (laten) maken.

Ionic kent een aantal mogelijke nadelen, met name op het gebied van prestaties. Hoe breder de app wordt ingezet, hoe groter de impact van deze issues. Ontwikkelaars moeten zich hier van bewust zijn en adequaat te werk gaan om problemen te voorkomen. Vanwege de nadelen kiezen we bij Linku met name voor React Native als alternatief framework.

Ionic werkt grotendeels op basis van WebView. In tegenstelling tot native apps kunnen Ionic-apps daardoor met name op oudere telefoons tegen performance issues oplopen. Zo zijn animaties mogelijk trager en ontbreken platformspecifieke functies. Bij de ontwikkeling van een Ionic-app moet dus goed rekening worden gehouden met de issues die mogelijk ontstaan op oudere telefoons. Dit kan door goed te testen en risicofactoren eruit te pikken.

Ook tussen verschillende telefoonmodellen lopen de prestaties soms uiteen. Niet ieder model en besturingssysteem draait een Ionic-app op dezelfde manier, waardoor soms unieke issues of prestatieproblemen optreden. Op iOS valt dit goed te testen vanwege het relatief kleine aantal aan Apple-telefoons dat op de markt beschikbaar is. Met Android is dit een ander verhaal. Er zijn immers honderden modellen op de markt van verschillende fabrikanten. Met name Android-gebruikers lopen daardoor een grotere kans tegen unieke issues aan te lopen.

Het is de taak van ontwikkelaars om te voorkomen dat deze potentiële nadelen naar voren treden. Daar komt wat ervaring, testen en zorgvuldigheid bij kijken. Het voordeel bij het nadeel is het bestaan van de grote Ionic-community. Die voorziet in veel kennis om Ionic-apps sneller te maken voor diverse platformen.

Als webbureau hebben we veel ervaring in de development van Angular/Ionic-apps. We zijn ons goed bewust van de nadelen en nemen altijd maatregelen om de invloed van deze negatieve factoren te minimaliseren.

Uiteindelijk zien we voor veel bedrijven voordelen in de ontwikkeling een hybride applicatie. Met name de potentiële kostenbesparing en flexibiliteit van een Ionic-app maakt het aantrekkelijke keuze voor bedrijven om in te investeren.