This presentation was given at Webzuri.ch March 21st 2019. It is about how to make high performance apps (and how not to) using Titanium.

1. Rene Pot
Web Zurich
High performance
native apps with
Titanium

2. © 2019 Axway
About me
• Rene Pot
• 30 years old
• Developer Evangelist at Axway Appcelerator
• From Hilversum, Netherlands
• Started developing in 2000
• Full-time developer since 2008
• Mobile developer since 2011
Wraldpyk
Topener
Wraldpyk
tislack.org

3. © 2018 Axway
Cross platform
technologies

4. © 2019 Axway
Cross platform technologies
• React Native started in 2013, public in 2015
• NativeScript started in 2014
• Xamarin started in 2013
• Flutter started in 2017
• Titanium started in 2009
• We don’t talk about PhoneGap/Cordova
• Well maybe a little bit

5. © 2018 Axway
What is
Titanium?

7. © 2019 Axway
What is Titanium?
• Cross platform JavaScript SDK
• Stable and mature platform
• Enterprise backed
• Independent and very easy to learn

8. © 2019 Axway
Alloy MVC Framework
• Separation of concerns
• Build in garbage collection
• Theme-able
• Easily extendable
• Data-binding using Backbone

9. © 2019 Axway
Hyperloop iOS
Android

10. © 2019 Axway
Beta VueJS & Angular 6

11. © 2018 Axway
Common
misconceptions

12. Cross platform apps are
always slower than native
apps
FALSE

13. Cross platform apps are
not really native
FALSE

14. Cross platform
technologies are only
useful for prototyping
FALSE

15. Cross platform
technologies will be
replaced with native
technologies when
company grows
FALSE

16. © 2018 Axway
What makes
apps slow?

17. © 2019 Axway
What makes apps slow?
• Designers 😭

27. © 2019 Axway
What makes apps slow?
• Designers 😭
• CPU intensive (UI) changes
• Not using Just-in-time loading of data/UI
• Not understanding the “bridge”

30. © 2019 Axway
What makes apps slow?
• UI Designers 😭
• CPU intensive (UI) changes
• Not using Just-in-time loading of data/UI
• Not understanding the “bridge”

31. © 2018 Axway
So how to
do it then?

32. © 2019 Axway
So how to do it then?
• Stick to actual native UI elements
• Embrace differences
• Convince your designer or manager if you have to!

33. Tabgroups

35. Dialogs

37. Splitting code

38. © 2018 Axway
Demo time

39. © 2018 Axway
FAQ’s!

40. © 2019 Axway
Faq’s!
• Are there any notable examples using Titanium?

41. © 2018 Axway
Notable
examples

46. © 2019 Axway
Faq’s!
• Are there any notable examples using Titanium?
• Do you support ES6?

47. © 2019 Axway
Faq’s!
• Are there any notable examples using Titanium?
• Do you support ES6?
• Do you support TypeScript?

48. © 2019 Axway
Typescript
• Official Typescript boilerplates
• Using pre-compile hook

49. © 2018 Axway
Questions?

50. Keep in touch!
Wraldpyk
Topener
Wraldpyk
tislack.org
rpot@axway.com