Ti & Native Development
Mads Møller
CTO – Napp
mm@napp.dk
@nappdev
https://github.com/viezel
TITANIUM & NATIVE
•
•
•
•
•
•
Introduction to native
Why native?
3rd party libraies
Example module
Hyperloop & its futur...
INTRODUCTION TO NATIVE
INTRODUCTION TO NATIVE
INTRODUCTION TO NATIVE
WHY NATIVE
WHY NATIVE?
• Leverage native features
– 3rd party libraires
– Create new UI components
– Customize Ti components
• Perfo...
IS IT HARD?
WHY NATIVE - IS IT HARD?
• Is it hard to learn?
– Yes and No. (not really)
• It requires
– Learn a new syntax
– Understan...
THIRD PARTY LIBRARIES
THIRD PARTY LIBRARIES
• Soo many services
– We want to use them inside Titanium
• Often easy to implement
THIRD PARTY LIBRARIES
• Example
– Lets build a TestFlight module
• Why Testflight?
– Simple API
– Easy to get started
TESTFLIGHT – MODULE
• What is Testflight?
– Over the air distribution of apps
– Test & exception reporting
What to do:
1....
TESTFLIGHT – IOS MODULE
TESTFLIGHT – ANDROID MODULE
HYPERLOOP
HYPERLOOP
• What is Hyperloop?
– Next-generation compiler that converts JavaScript source code into native
code.
– It will...
HYPERLOOP - IS IT HARD?
• Is it hard to learn?
– Yes and No. (not really)
• It requires
– Learn a new special kind of jav...
HYPERLOOP - IOS
HYPERLOOP
HYPERLOOP – MY OWN OPINION
• Super interesting
– Great performance
– Hopefully more module developers
• Still not super e...
HYPERLOOP – MY OWN OPINION
• Whats still missing?
– Simplier way to do modules
– Syntax should be less OS oriented
HYPERLOOP – FUTURE
• Cross platform modules
–
–
–
–
Single codebase
Build an abstraction layer
Will make Titanium even mo...
HYPERLOOP – FUTURE
• Leverage C libraries
–
–
–
–
SVG, PDF, OpenCV, game engines etc.
Lots of libs out there
Enormous pot...
Q& A
Mads Møller
CTO – Napp
mm@napp.dk
@nappdev
https://github.com/viezel
of 25

Amsterdam Meetup Presentation - Marts 2014

Native modules + some insights in the new Hyperloop
Published on: Mar 3, 2016
Published in: Technology      
Source: www.slideshare.net


Transcripts - Amsterdam Meetup Presentation - Marts 2014

  • 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

Related Documents