Native modules + some insights in the new Hyperloop

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