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

Lviv mobile development day. Hybrid application

Embed Size (px)

Citation preview

Page 1: Lviv mobile development day. Hybrid application

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

Page 2: Lviv mobile development day. Hybrid application

Any application that can be written in JavaScript will eventually be written in

JavaScript.

Jeff Atwood

Page 3: Lviv mobile development day. Hybrid application

Single Page Application• Angular JS

• Gulp

• PhoneGap + preprocess

• Ionic

• AppGyver

Page 4: Lviv mobile development day. Hybrid application

Gulp preprocess • Конфиги для сборки

• Дополнительные блоки в View и Templates

Page 5: Lviv mobile development day. Hybrid application

Что это нам дает

• Web версию приложения

• Мобильную версию веб приложения

• Mobile application iOS / Android

• Нативные эффекты

Page 6: Lviv mobile development day. Hybrid application

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

Page 7: Lviv mobile development day. Hybrid application

Риски• Продали что будет работать как нативное?

• Нужно доделать найтивные эффекты?

• Работа с системными функциями?

Page 8: Lviv mobile development day. Hybrid application

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

Page 9: Lviv mobile development day. Hybrid application

React.js + ReactNative

• Single page с помощью WebPack и ReactRouter

• Mobile Application

• React.parts

Page 10: Lviv mobile development day. Hybrid application

React Application

Page 11: Lviv mobile development day. Hybrid application

Как мы это делаем?• Между приложениями мы шейрим:

• Dispatcher

• Store

• Actions

• Нужны View для каждого приложения

Page 12: Lviv mobile development day. Hybrid application

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

Page 13: Lviv mobile development day. Hybrid application

Выводы• PhoneGap

• быстрый результат

• полный cross platform

• React native

• высокая производительность

• экономия ~40% времени на приложениях

Page 14: Lviv mobile development day. Hybrid application

Обсудим?