Сравнение подходов к написанию гибридных приложений Рассмотрим: - PhoneGap + Ionic - React / ReactNative

1. Гибридные
приложения

2. Any application that can be written in
JavaScript will eventually be written in
JavaScript.
Jeff Atwood

3. Single Page Application
• Angular JS
• Gulp
• PhoneGap + preprocess
• Ionic
• AppGyver

4. Gulp preprocess
• Конфиги для сборки
• Дополнительные блоки в View и Templates

5. Что это нам дает
• Web версию приложения
• Мобильную версию веб приложения
• Mobile application iOS / Android
• Нативные эффекты

6. Какой результат?

7. Риски
• Продали что будет работать как нативное?
• Нужно доделать найтивные эффекты?
• Работа с системными функциями?

8. Решаемо? – Да!

9. React.js + ReactNative
• Single page с помощью WebPack и ReactRouter
• Mobile Application
• React.parts

10. React Application

11. Как мы это делаем?
• Между приложениями мы шейрим:
• Dispatcher
• Store
• Actions
• Нужны View для каждого приложения

12. Какой результат?

13. Выводы
• PhoneGap
• быстрый результат
• полный cross platform
• React native
• высокая производительность
• экономия ~40% времени на приложениях

14. Обсудим?