Jake Wharton - Blurring the line between Native and Web

Transcript

1. #NATIVE&WEB @JAKEWHARTON
8. JavaScriptCore UI Toolkit VM / Main Thread JNI JavaScriptCore Runtime Main Thread UI Toolkit
9. JavaScriptCore UI Toolkit VM / Main Thread JNI JavaScriptCore Runtime Main Thread UI Toolkit V8 DOM
10. JavaScriptCore UI Toolkit VM / Main Thread JNI JavaScriptCore Runtime Main Thread UI Toolkit V8 DOM
11. JavaScriptCore UI Toolkit VM / Main Thread JNI JavaScriptCore Runtime Main Thread UI Toolkit V8 DOM
12. JavaScriptCore UI Toolkit VM / Main Thread JNI JavaScriptCore Runtime Main Thread UI Toolkit V8 DOM
13. JavaScriptCore UI Toolkit VM / Main Thread JNI JavaScriptCore Runtime Main Thread UI Toolkit V8 DOM
14. JavaScriptCore UI Toolkit VM / Main Thread JNI JavaScriptCore Runtime Main Thread UI Toolkit V8 DOM
15. JavaScriptCore JNI JavaScriptCore Runtime V8
16. V8 JNI JavaScriptCore Runtime V8
17. Duktape JNI JavaScriptCore Runtime V8
18. Duktape JNI JavaScriptCore Runtime V8
19. Duktape JNI JavaScriptCore Runtime V8
20. React Native Platform Duktape JNI JavaScriptCore Runtime V8
21. JS Engine + Abstraction Your App Duktape JNI JavaScriptCore Runtime V8
25. Shared Library + Abstraction Your App ????
29. Multiplatform Abstraction Your App
30. Your App
31. Your App
32. J2ObjC
33. J2ObjC
34. J2ObjC
53. app feature 1 feature 2 feature 3 myapp.apk
54. app feature 1 feature 2 feature 3 myapp.apk base.apk
55. app feature 1 feature 2 feature 3 myapp.apk base.apk feature1.apk
56. app feature 1 feature 2 feature 3 myapp.apk base.apk feature1.apk HTML CSS JS PNG PNG /index.html HTML /feature1.html
57. app feature 1 feature 2 feature 3
58. feature 1 feature 2 feature 3
59. feature 2 feature 3
60. feature 3
61. DEX ARM x86 en-US de DEX DEX DEX en-US en-US en-US de de de
62. DEX en-US de DEX en-US de ARM x86 en-US de DEX en-US de DEX DEX ARM en-US DEX en-US DEX en-US DEX en-US
63. app_arm_en-US.apk DEX ARM en-US DEX en-US DEX en-US DEX en-US DEX en-US de DEX en-US de ARM x86 en-US de DEX en-US de DEX
64. app_arm_en-US.apk DEX ARM en-US DEX en-US DEX en-US DEX en-US DEX en-US de DEX en-US de ARM x86 en-US de DEX en-US de DEX de de de de
65. app_arm_en-US.apk DEX ARM en-US DEX en-US DEX en-US DEX en-US DEX en-US de DEX en-US de ARM x86 en-US de DEX en-US de DEX de de de de app_de.apk
66. DEX en-US de DEX en-US de ARM x86 en-US de DEX en-US de DEX ARM en-US DEX DEX en-US de
67. DEX en-US de DEX en-US de ARM x86 en-US de DEX en-US de DEX ARM en-US DEX base_arm_en-US.apk DEX en-US
68. DEX en-US de DEX en-US de ARM x86 en-US de DEX en-US de DEX ARM en-US DEX base_arm_en-US.apk DEX en-US feature1_arm_en-US.apk
69. ARM en-US DEX base_arm_en-US.apk DEX en-US feature1_arm_en-US.apk HTML CSS JS PNG PNG /index.html HTML /feature1.html
87. native_app.apk DEX ... ART ART V8 Int JIT AOT CPU CPU Int JIT JIT & AOT cache chrome.apk ... DEX ... JS cache/
89. Shared Library + Abstraction Your App ????
90. Shared Library + Abstraction Your App WASM
91. Multiplatform Abstraction Your App WASM
92. ART V8 CPU Int JIT chrome.apk ... DEX ... JS cache/
93. ART V8 CPU Int JIT chrome.apk ... DEX ... JS cache/
94. ART V8 CPU Int JIT chrome.apk ... DEX ... JS cache/ airhorner.apk ... DEX
99. ART V8 CPU Int JIT chrome.apk ... DEX ... JS cache/
100. ART V8 CPU Int JIT chrome.apk ... DEX ... JS cache/
101. ART V8 CPU Int JIT airhorner.apk ... DEX ... JS cache/ JIT & AOT cache
102. app-fat.jar website/ index.html feature1.html feature2.html feature3.html app.js styles.css app.ipa app.aab app.apk
104. apk via aab via url apk via aab via url
105. apk apk via aab via url apk via aab via url
106. apk via aab apk apk via aab via url apk via aab via url
107. apk via aab apk via aab apk apk via aab via url apk via aab via url
108. apk via aab apk via aab apk apk via aab via url apk via aab via url Chrome app
109. apk via aab apk via aab apk apk via aab via url apk via aab via url Chrome app url
110. apk via aab apk via aab apk webapk apk via aab via url apk via aab via url Chrome app url
111. apk via aab apk via aab apk webapk apk via aab via url apk via aab via url Chrome app url url
112. apk via aab apk via aab apk webapk apk via aab via url apk via aab via url Chrome app url url
113. apk via aab apk via aab apk webapk apk via aab via url apk via aab via url Chrome app url ipa url
114. apk via aab apk via aab apk webapk apk via aab via url apk via aab via url Chrome app url url ipa url
115. apk via aab apk via aab apk webapk apk via aab via url apk via aab via url Chrome app url url pwa ipa url
116. apk via aab apk via aab apk webapk apk via aab via url apk via aab via url Chrome app url url pwa ipa ipa url
117. apk via aab apk via aab apk webapk apk via aab via url url apk via aab via url Chrome app url url pwa ipa ipa url url
118. #NATIVE&WEB @JAKEWHARTON