This document discusses Titanium native development and the Hyperloop compiler. It introduces native development and why developers may want to use it, such as leveraging native features, libraries, and improved performance. It provides an example of creating a TestFlight module for both iOS and Android. Hyperloop is introduced as a next-generation compiler that converts JavaScript to native code for improved performance. Its benefits and future potential are discussed, such as enabling cross-platform modules through abstraction and supporting new platforms like desktop apps.

1. Ti & Native Development
Mads Møller
CTO – Napp
mm@napp.dk
@nappdev
https://github.com/viezel

2. TITANIUM & NATIVE
•
•
•
•
•
•
Introduction to native
Why native?
3rd party libraies
Example module
Hyperloop & its future
Q&A

3. INTRODUCTION TO NATIVE

4. INTRODUCTION TO NATIVE

5. INTRODUCTION TO NATIVE

6. WHY NATIVE

7. WHY NATIVE?
• Leverage native features
– 3rd party libraires
– Create new UI components
– Customize Ti components
• Performance
– Speed
– Animation
– Heavy operations
• Better understanding of the platform
– You gain a lot of knowledge of how Android & iOS really works!

8. IS IT HARD?

9. WHY NATIVE - IS IT HARD?
• Is it hard to learn?
– Yes and No. (not really)
• It requires
– Learn a new syntax
– Understand how the os platform works
– Learn how Titanium works
• Benefits
– Freedom to build what you want

10. THIRD PARTY LIBRARIES

11. THIRD PARTY LIBRARIES
• Soo many services
– We want to use them inside Titanium
• Often easy to implement

12. THIRD PARTY LIBRARIES
• Example
– Lets build a TestFlight module
• Why Testflight?
– Simple API
– Easy to get started

13. TESTFLIGHT – MODULE
• What is Testflight?
– Over the air distribution of apps
– Test & exception reporting
What to do:
1.
2.
3.
Grab the SDK
Read the docs and quick start guide
Lets implement it
Source code: https://github.com/viezel/NappTestFlight

14. TESTFLIGHT – IOS MODULE

15. TESTFLIGHT – ANDROID MODULE

16. HYPERLOOP

17. HYPERLOOP
• What is Hyperloop?
– Next-generation compiler that converts JavaScript source code into native
code.
– It will support iOS, Android and Win8
– Multi threaded, Super Performance
• Hyperloop == Ti.Next
– No. But it’s the foundation for Ti.Next. Hyperloop will compile the new
javascript based Titanium SDK.
• How to get it?
– https://github.com/appcelerator/hyperloop
– npm install -g hyperloop

18. HYPERLOOP - IS IT HARD?
• Is it hard to learn?
– Yes and No. (not really)
• It requires
– Learn a new special kind of javascript
– Understand how the os platform works
– Learn how Titanium works
• Benefits
– Freedom to build what you want
– Do it in javascript

19. HYPERLOOP - IOS

20. HYPERLOOP

21. HYPERLOOP – MY OWN OPINION
• Super interesting
– Great performance
– Hopefully more module developers
• Still not super easy to learn
– Since it’s a new special javascript syntax, its hard to find great learning
resources.
– What does this line of code mean? (it is javascript)
UIButton.alloc().initWithFrame(CGRectMake(110, 100, 100, 44));

22. HYPERLOOP – MY OWN OPINION
• Whats still missing?
– Simplier way to do modules
– Syntax should be less OS oriented

23. HYPERLOOP – FUTURE
• Cross platform modules
–
–
–
–
Single codebase
Build an abstraction layer
Will make Titanium even more powerful
E.g. Testflight module could be a unified module
• Windows & Mac desktop apps
– Write desktop apps using Hyperloop
• Ti.Next
•
•
Might be that abstraction we need for module development
Looking forward to see this implementation

24. HYPERLOOP – FUTURE
• Leverage C libraries
–
–
–
–
SVG, PDF, OpenCV, game engines etc.
Lots of libs out there
Enormous potential
Native performance

25. Q& A
Mads Møller
CTO – Napp
mm@napp.dk
@nappdev
https://github.com/viezel