Мы поговорим о возможности написания нативных приложений для мобильных устройств на JavaScript. Подробно рассмотрим четыре платформы: PhoneGap Titanium NativeScript ReactNative Я расскажу об архитектуре, принципах работы, плюсах и минусах каждой из них. Так же обсудим, в каком случаем стоит выбирать ту или иную платформу.

1. Native JavaScript на
мобильных устройствах
Елена Жукова

2. ЧТО ТАКОЕ НАТИВНОЕ
ПРИЛОЖЕНИЕ ?
было разработано под конкретную OS ...
ТРЕБУЕТ ИНСТАЛЯЦИИ
НАТИВНЫЙ LOOK & FEEL (UX)
ЕСТЬ ДОСТУП К HARDWARE
ПРОИЗВОДИТЕЛЬНОСТЬ /
ОТЗЫВЧИВОСТЬ

3. ... НО!
Нативный код, это код
компилируемый в машинные
инструкции и исполняемый
непосредственно процессором...

4. Любой Java код на android не нативный по
определению, так как исполняется в виртуальной
машине.

5. Нативная разработка на android возможна только с
помощью NDK.
За исключением ART

6. ТЕРМИН "NATIVE APPLICATION"
ОТНОСИТЕЛЕН

7. ПОЧЕМУ JAVASCRIPT?

8. НЕДОСТАТКИ НАТИВНОЙ
РАЗРАБОТКИ
Нестандартный дизайн/UX/отображение
Цена(время/разработчики)
Направленность на платформу
Отсутствие шаринга кода

9. РЕАЛЬНЫЕ ПРОЕКТЫ:
iOS PhoneGap
'Fabric'
'Crashlytics'
'UIColor-HexString'
'Slash'
'SVProgressHUD'
'SFStateViews'
'PPpdf417'
'SQLCipher'
'MPFoldTransition'
'SDWebImage'
'SSZipArchive'
'ZXingObjC'
'GoogleMaps'
'Flurry-iOS-SDK/FlurrySDK'
'Parse'
'ParseFacebookUtils'
'ParseCrashReporting'
'ParseUI'
'Reachability'
'FormatterKit'
'UIImageEffects'
'RESideMenu'
'GoogleAnalytics'
'Google-Mobile-Ads-SDK'
android.support.v4 1.0.0 "Android Support v4"
co.themobilefirm.FlurryPlugin 3.3.6 "Flurry SDK"
com.google.playservices 17.0.0 "Google Play Services for Android"
com.googlemaps.ios 1.8.1 "Google Map iOS SDK for Cordova"
com.jcesarmobile.IDFVPlugin 1.0.0 "Identifier For Vendor Plugin"
com.phonegap.plugins.PushPlugin 2.2.0 "PushPlugin"
com.phonegap.plugins.sqlite 0.7.0 "SQLitePlugin"
com.phonegap.plugins.videoplayer 1.0 "VideoPlayer"
com.plugin.datepicker 0.3.0 "Datepicker"
de.appplant.cordova.plugin.email-composer 0.8.2dev "EmailComposer"
nl.x-services.plugins.calendar 4.2.3 "Calendar"
org.apache.cordova.camera 0.3.3 "Camera"
org.apache.cordova.console 0.2.8 "Console"
org.apache.cordova.device 0.2.9 "Device"
org.apache.cordova.file 1.0.1 "File"
org.apache.cordova.file-transfer 0.4.2 "File Transfer"
org.apache.cordova.geolocation 0.3.10 "Geolocation"
org.apache.cordova.inappbrowser 0.6.0 "InAppBrowser"
org.apache.cordova.network-information 0.2.10-dev "Network Information"
org.apache.cordova.splashscreen 0.3.4 "Splashscreen"
plugin.google.maps 1.2.2 "phonegap-googlemaps-plugin"
plugin.http.request 1.0.0 "phonegap-http-request"
acra

10. JS ПЛАТФОРМЫ ДЛЯ "NATIVE
APPLICATION"

11. ТАК ЧТО ЖЕ ЛУЧШЕ ВСЕГО?
Это зависит от того...
...Что именно вам нужно

12. НАЧНЕМ

13. PHONEGAP

14. ИДЕЯ: БРАУЗЕР ЕСТЬ ВЕЗДЕ
СПЕЦИФИКА PHONEGAP:
фонгап есть на 13 платформах
совместим с NW, Crosswalk, CocoonJS, Ludei ...
это просто SPA (на любом фреймворке)
мобильный браузер (память|GC|UI|UX)
UX/UI будет таким, который вы реализуете
самое большое комьюнити
нативные фитчи требуют нативной реализации
практически не зависит от апдейтов OS

15. Каждая OS имеет свой браузер
Но! В Android их более 30...

16. TITANIUM MOBILE

17. ИДЕЯ: ОДИН КОД ДЛЯ ВСЕХ
ПЛАТФОРМ
СПЕЦИФИКА TITANIUM:
свой MVC фреймворк
не весь нативный функционал поддерживается
компилируемый нативный UI
работа с нативным кодом через прокси классы
апдейт платформы производителем
постоянно меняется архитектура/подход
маленькое комьюнити

18. REACT NATIVE

19. ИДЕЯ: ВЫУЧИЛ ОДНАЖДЫ, ПИШЕШЬ
ПОД ВСЕ

20. СПЕЦИФИКА REACT NATIVE:
FlexBox
ES6
сериализация сообщений, все асинхронно
React и сопутствующие технологии
npm
апдейт платформы производителем
Сторонние нативные библиотеки/Кастомный UI

21. NATIVE SCRIPT

22. ИДЕЯ: ПРЯМОЙ ДОСТУП К NATIVE
CODE
СПЕЦИФИКА NATIVE SCRIPT:
прямая работа с ЛЮБЫМ нативным кодом
работа в UI потоке
общие абстракции между платформами
Reflection, апдейта платформы не требуется
MVVM
npm
частые релизы

23. ИДЕАЛЬНЫЕ КЕЙСЫ...

24. PHONEGAP
Нестандартный UI/UX (презентации, партфолио,
цифровые киоски, текст)
Есть готовый SPA
Самый быстрый способ опубликоваться в сторах
Вам нужны не только Android и iOS

25. TITANIUM MOBILE
Вы писали на Titanium раньше
Реализация особо хитрой нативной
функциональности, которая есть только на
Titanium
BaaS
Я больше никаких случаев не знаю ...

26. REACTNATIVE
Вы знакомы с Реактом и сопутствующими
технологиями
Полностью стандартный UI, ничего кастомного
Надо ОЧЕНЬ быстро (jsx + css + компоненты)

27. NATIVESCRIPT
Вам нужны сторонние нативные библиотеки
Вы готовы потратить чуть больше времени для
работы с нативой через js
Вы понимаете, что полного шаринга кода не
существует
Вас не особо раздражает MVVM или Вы готовы
учить Angular 2

28. ВЫБИРАЙТЕ
ИНСТРУМЕНТ С
УМОМ...

29. ВОПРОСЫ ?