Кросс-платформенная мобильная разработка презентация

Артур
Дробинский
Ведущий архитектор команды DP Labs
arturdr.ru
[e-mail]

Зачем кросс-платформенность?

Везде используем универсальный инструмент

iOS
Android
Core
Повторное использование кода

iOS
Android
Core
Повторное использование кода

iOS
Android
Core
Windows

Проще поддержка – исправляем баги один раз

Дешевле!

Кросс-платформенные решения

How does it work?

Cross-platform code

Cross-platform code
Native .apk / .ipa / .exe (application package)

Cross-platform code
Native .apk / .ipa / .exe (application package)
UI, Native controls
Native API

Cross-platform code
Native .apk / .ipa / .exe (application package)
UI, Native controls
API Bridge
Native API

PhoneGap

Code: JS
Native .apk / .ipa / .exe (application package)
UI: HTML
Limited API Bridge
Native API
PhoneGap
WebView

Qt

Code: C++/C#
Native .apk / .ipa / .exe (application package)
UI: QML/Game Engine
Limited API Bridge
Native API
Qt/Unity
View (Canvas)

Code: C#
Native .apk / .ipa / .exe (application package)
API Bridge
Native API
Xamarin
Native Controls

Code: V8, JS
Native .apk / .ipa / .exe (application package)
Limited API Bridge
Native API
React Native
JSX
Native Controls
API Bridge

Performance

Математические вычисления

SQLite: чтение данных

Запуск приложения

Размер приложения

Xamarin React Native Phonegap

Xamarin React Native Phonegap

DEMO

React Native

Hype
Hot reloading + простое обновление приложений
Javascript
Встраивание в нативные приложения
Плюсы

Breaking Changes
Second class android support
Javascript & TypeSafety
Animations are slow (bridge)
Неполная поддержка нативных контролов, ненативная разметка
Минусы?

Xamarin
Xamarin Forms
React Native

Xamarin
Мифы или реальность?

Утечки памяти
и особенности Garbage Collection

UIKit.UIButton
(peer object)
UIButton
(native object)
API Bridge
Использование open-source контролов
Необходимо написание собственных API Bridge

На Xamarin нет приложений

easyJet

React Native ☺

Размер приложения (6MB+)
Большее время запуска приложения
Использование open-sourced controls требует поиска/написания обёртки
Минусы Xamarin (и ReactNative)

Xamarin vs Native

Xamarin
Сложные Enterprise приложения
Существующая команда
C# разработчиков
Бэкенд на .NET
Похожие экраны/workflow
на разных устройствах
Native
Дублирование бизнес-логики – не проблема (её мало)
Команда с опытом на Obj-C и Java
Бэкенд на Java ☺
Workflow на Android/iOS радикально различный

Xamarin vs React Native

Xamarin
Сложная бизнес логика
C#-команда
Использование всех нативных возможностей
Компиляция, производительность
UWP + Mac (+ Web)
XAML + Native rendering + Flexbox
React Native
UI-heavy apps
JS-команда
Встраивание в нативные приложения
Быстрое обновление (AppStore, Google Play)
Задержка с новыми фичами на платформах (+ Web)
Flexbox (but only flexbox)

Вопросы?
http://arturdr.ru
[e-mail]

ItemTapped="Handle_ItemTapped" ItemSelected="Handle_ItemSelected"
HasUnevenRows="true" GroupShortNameBinding = "{Binding Key}"
IsGroupingEnabled = "true" GroupDisplayBinding = "{Binding Key}">
HorizontalOptions="CenterAndExpand" Vertical`Options="CenterAndExpand"
Aspect="AspectFill" WidthRequest="66" Grid.RowSpan="2" Source="{Binding Image}"/>
Grid.Row="1"
VerticalOptions="Start"
Text="{Binding Location}"/>

{this.state.maxValue} style={[styles.polygonContainer, {borderColor: this.props.borderColor}]}>
{this.renderBars()}
{this.renderLabels()}

=