Case study

Regelneef

4+ rating in stores

30.000+ downloads

2000+ daily users

Live since June 7th

Beta release on May 17th

Current version 1.5

iOS and Android Application

Introduction

Jasper Boeijenga & Rachèl Heimbach

Jasper Boeijenga

Senior web developer

3 years at Essent

Rachèl Heimbach

Software Engineer

1.5 years at Essent

100% online

Deliver a customer centric online service

Why nativescript?

2. Knowledge & experience

3. Landscape

1. Requirements

Requirements

  • iOS and Android application
  • Native look and feel
  • UX lab testing with user groups
  • Adapt to design changes easily

Native, Hybrid & HTML5 applications

Native

Hybrid

HTML5

Single platform

Multiplatform

Full native capability

Partial native capability

Native development skills

Native look and feel

Advanced performance

Web developer skills

Native look and feel

Solid performance

Web developer skills

No native look and feel

Lacking performance

IT landscape

Angular

Live demo

Sneak preview

Manage energy products

The bumpy road of an early adopter

Early stage

Performance

Issues

8s-15s

2s-4s

Boot time 

  • Source code not optimized
  • Too much IO
  • Performance loss

8-15s?!

Angular AoT

Ahead of Time compilation

Breaking changes

2.0.0-RC

Modules

Application restructuring

Lazy loading

Initial load

Free performance boost

Upgrade

Boot time

8-15s

3-6s

AoT

Lazy

{N}-NG

Back button

  • Timeline ListView

2-4s?!

Cause

  • ScrollView alternative due to performance issues ListView.
  • Timeline size outgrew ScrollView's capabilities.
  • New      unlocked better ListView perfomance.
  • Rewrite timeline before release.

Fix

Result

3s-6s

Instant

Community & plugins

Slack

In the early stage we got a lot of help from the Nativescript community through the slack channel

Plugins & external dependencies

Plugins

github.com/Essent

npmjs.com/org/essent

Wrapping up

Would we have chosen Nativescript with the knowledge we have today?

Lot's of fun

Automated build street

2 new scrum teams

Headache and sleepless nights

Mobile capability

3/4/5 redesigns

Thanks for listening!

Made with Slides.com