Fieldbuddy in 2 minuten
+31(0)20-2611100 Vraag demo aan

Probeer FieldBuddy

Schrijf je hier in voor een gratis 30 dagen trial

Wil je weten wat FieldBuddy voor jou kan betekenen? Vul onderstaand formulier in om te starten.

Offerte aanvragen

Laat je verrassen door de eindeloze mogelijkheden

Vul het formulier hieronder in.

Terug naar blog overzicht

Wat is onze nieuwe app technologie: Sencha Ext JS of React Native?

Tijden veranderen. Net als technologie. Vijf jaar geleden bouwden we onze fieldservice app FieldBuddy. Destijds waren er maar weinig keuzes wat betreft app frameworks. Of je bouwde een native of een hybride app. Wij wilde FieldBuddy beschikbaar maken voor ieder platform, daarom kozen we voor een hybride app, gebouwd op Sencha Touch. Dit vereiste een enkele broncode voor alle platforms en maakte gebruik van Cordova; een cross-platform framework dat zorgde voor een uniforme gebruikersinterface.

Nieuwe spelers

Enkele jaren later kwamen er nieuwe spelers op de markt. Elk met een eigen toekomstbestendige app framework. Een van deze spelers was Facebook. Twee jaar geleden introduceerde zij React Native. Zoals de naam al doet vermoeden is dit framework designed voor het maken van “Native” app voor Android en iOS. Het systeem maakt gebruik van de open source JavaScript bibliotheek genaamd ‘React’, voor het bouwen van gebruikersinterfaces.

Tegelijkertijd kondigde Sencha aan dat Sencha touch samen ging met Ext JS. Voor ons betekende dit dat onze technologie niet langer ondersteund werd. Daarom was het tijd om eens kritisch te kijken welke mogelijkheden er allemaal zijn.

Native vs. hybrid

We begonnen met een inceptieface, waarin we onze organisatiedoelstellingen en onze verwachtingen voor de toekomst weer eens scherp op een rij zette. Terwijl het management druk was met de strategie begon het development team met een uitgebreid onderzoek naar de verschillende oplossingen. Om deze te vergelijken stelden ze een matrix op met daarin alle vereisten voor het nieuwe framework.

Uit het onderzoek kwam naar voren dat Sencha Ext JS en React Native het beste aansloten bij onze wensen en eisen. Hieronder vind je de argumenten die tot deze conclusie leidden:

Sencha Ext JS React Native
Uniform UI Cross-platform (Cordova) UX aligns with the platform (native touch)
Commercial support Leverage of the platform Community
Single source-code for each platform Developer’s experience
Reliable set of components Open-source libraries
JStable Modern JavaScript ecosystem including advanced debugging options
Used by Ionic, Xamarin, NativeScript Advanced debugging options

Proof of concepts

Het was tijd om de proef op de som te nemen tijdens een proof of concepts van beide frameworks. We creëerden een aantal verschillende schermen en scenario’s en demonstreerde deze aan het hele team. Ondanks dat beide frameworks hun voor- en nadelen bezitten, kon er maar één de winnaar zijn.

En de winnaar is…

Er werd unaniem besloten dat er één framework was dat er bovenuit steeg. Dit framework heeft de beste UI, onze developers stonden versteld van de gebruiksvriendelijkheid, tel daarbij de grote gebruikerscommunity van ervaren gebruikers op en je hebt een overduidelijke winnaar. Weet je het al…? We kozen voor React Native.

Best of both worlds

Voor ons is React Native het perfecte voorbeeld van wat we het “best of both world” noemen. Het heeft de user experience van een native app en de developer experience van een webapp. Het maakt gebruik van JavaScript, maar in tegenstelling tot een webapp is dit vertaald in native UI code. Een Cordova app kan helaas niet tippen aan de look en feel van deze native apps. Je kunt een React Native app niet onderscheiden van een app die gebouwd is met Objective-C, Android, of Swift, omdat het gebruikmaakt van dezelfde fundamentele UI bouwstenen als normale iOS en Android apps.

Het werkt beter dan een hybride applicatie en biedt toegang tot platformspecifieke UI-componenten, zoals kaarten, dataselectors, switches en navigatie stacks. Dat is wat gebruikers vandaag de dag verwachten van een applicatie. Daarom kiezen wij voor React Native.

Bekijk deze Native UI componenten:

Native UI componenten voor iOS
Native UI componenten voor Android

Lees meer

Ben je benieuwd wat voor apps je kunt maken met React Native, bekijk dan deze showcase pagina. Wil je leren om apps te bouwen met React Native, bezoek dan hun Docs. Hier leer je alle basics die je moet weten.

Enthousiast geworden?

Ben jij net zo enthousiast als wij en zou je ook graag willen werken met deze gave technologie? Bekijk dan onze vacatures!