This document discusses different approaches to mobile application development including native, cross-compiled, web-based, and using JavaScript runtimes. Native development uses languages like Java, Swift, and Visual Basic for each specific mobile platform which provides a fully native experience but less code reuse. Cross-compiled options like Xamarin allow code reuse but not as much as web-based or JavaScript runtime approaches. JavaScript runtimes like React Native use a virtual DOM for faster rendering and allow live updating, easy debugging, and treating mobile apps like regular web apps while providing a fully native user experience.

1. Mobile Application
Development
Javascript way

2. Pasindu Perera
CakeLabs
@udnisap

3. Mobile Application Development
❖ Native
❖ Cross Compiled
❖ Web based
❖ JS Runtime

4. Native
Java / Swift / Visual *

5. Cross Compiled
Xamarine

6. Web based

7. JS Runtime

8. Why not native?
● Less reuse across platforms
● Feedback loop
○ Live updating / Hot loading
● Knowledge
● Easy to Develop / Debug

9. React Native

10. Virtual DOM
DOM is slow

11. UI / UX
100% Native

12. Live Updating
Chrome Dev Tools
Debugger
Just another webapp

13. @Cake

14. Thank you