How Does Appcelerator Titanium Mobile Work?

by

Titanium takes your Javascript code, analyzes and preprocesses it and then pre-compiles it into a set of symbols that are resolved based on your applications uses of Titanium APIs. From this symbol hierarchy we can build a symbol dependency matrix that maps to the underlying Titanium library symbols to understand which APIs (and related dependencies, frameworks, etc) specifically your app needs. I’m using the word symbol in a semi-generic way since it’s a little different based on the language. In iPhone, the symbol maps to a true C symbol that ultimately maps to a compiled .o file that has been compiled for ARM/i386 architectures. For Java, well, it’s more or less a .class file, etc. Once the front end can understand your dependency matrix, we then invoke the SDK compiler (i.e. GCC for iPhone, Java for Android) to then compile your application into the final native binary.

So, a simple way to think about it is that your JS code is compiled almost one to one into the representative symbols in nativeland. There’s still an interpreter running in interpreted mode otherwise things like dynamic code wouldn’t work. However, its much faster, much more compact and it’s about as close to pure native mapping as you can get.

We’re obviously still got plenty of room to improve this and working on that. So far in our latest 1.0 testing, it’s almost indistinguishable from the same objective-c direct code (since in most cases it’s exactly mapped to that). From a CompSci standpoint, we can now however start to optimize things that a human really couldn’t easily do that – much like the GCC compiler already does today.

More Related Contents:

  1. What happens to JavaScript code after app is compiled using Titanium Mobile
  2. How to invoke Objective-C method from Javascript and send back data to Javascript in iOS?
  3. Javascript in UIWebView callback to C/Objective-C
  4. Parsing JSON w/ @ at sign symbol in it (arobase)
  5. NSString in UIWebview
  6. Check if a file exists locally using JavaScript only
  7. Get total height of webView’s content using Javascript
  8. Use a web mobile framework?
  9. JavaScript code to stop form submission
  10. How can I check if a background image is loaded?
  11. Google Maps v3 – limit viewable area and zoom level
  12. JavaScript or jQuery browser back button click detector
  13. What’s the best way to calculate date difference in Javascript
  14. Capture keys typed on android virtual keyboard using javascript
  15. JS setInterval executes only once
  16. Destructuring assignment in JavaScript
  17. CORS not working on Chrome
  18. jQuery UI autocomplete with item and id
  19. Code inside DOMContentLoaded event not working
  20. JavaScript Load Order
  21. Draw HTML5/Javascript Canvas Path in Time
  22. Can you get a list of Firefox add-ons programmatically
  23. Javascript Set vs. Array performance
  24. Set / Copy javascript computed style from one element to another
  25. Why is `throw` invalid in an ES6 arrow function?
  26. Using Ruby variable in Javascript (In App View)
  27. Perspective transform of SVG paths (four corner distort)
  28. How to properly use useHistory () from react-router-dom?
  29. window.close equivalent in Phonegap with InAppBrowser
  30. how to animate drawing lines on canvas

Leave a Comment