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