Рубрики
Без рубрики

РЕАКТИРОВАННЫЙ СОЗДАНИЕ VS IONIC: Сравнение бокового окрестности

Реагируйте родные против IONIC? Давайте выделим наиболее важные концептуальные различия между ними, чтобы вы могли использовать правильную технологию для вашего следующего проекта!

Автор оригинала: Frédéric Massart.

Цель этой статьи состоит в том, чтобы подчеркнуть наиболее важные концептуальные различия между ионным и реактивным родным (Rn), это, надеюсь, даст вам информацию, необходимую для получения образованного выбора в стеке, который будет работать лучше для вашего проекта.

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

Перед погружением в различия между IONIC и RN, давайте кратко напомним себе, какие гибридные и нативные приложения являются. Гибридные приложения – это по существу веб-сайты, встроенные в мобильное приложение через то, что мы называем веб-просмотром. Они разработаны с использованием HTML5, CSS и JavaScript и выполняют тот же код независимо от платформы, в которой они работают. Они могут, с инструментами, такими как Phonegap и Cordova, используйте нативные функции устройства, такие как GPS или камера.

Нативные приложения разрабатываются на языке, требуемом платформе, предназначенным для IOS, Objective-C или SWIFT для iOS, Java для Android и т. Д. Написанный код не распространяется на платформы и их поведение варьируется. У них есть прямой доступ ко всем функциям, предлагаемым платформой без какого-либо ограничения.

Нажмите на изображение, чтобы увеличить инфографики Отказ Щелчок здесь Для получения дальнейшей информации о народных и гибридных приложениях.

реагировать родным против ионным

Родной или гибрид?

Ионическое

Ionic – это типичная структура гибридной разработки. Он использует веб-технологии для записи и визуализации приложения и требует Phonegap / Cordova Мосты для доступа к родным функциям. Тогда он постарается воспроизвести собственное поведение, чтобы обеспечить лучший пользовательский опыт.

Как насчет ионные родные вы спрашиваете? Не ошибайтесь по имени. Ионный родной – это новое имя для того, что раньше назывались НГКОРДОВА Отказ Это просто новый ионный способ использовать существующие плагины Cordova и Phonegap. Ионные родные не сделают вашу приложение на родице.

Реагировать на родной

Разработка в реакции в основном в основном выполняется с JavaScript, что означает, что большая часть кода, который вам нужен для начала, можно поделиться на платформах. Тем не менее, где гибридные приложения рендерируют с помощью HTML и CSS, React Native будет отображаться с использованием нативных компонентов. Это означает, что пользовательский опыт, как правило, будет ближе к другим нативным приложениям, поскольку они будут следовать за шаблонами, налагаемыми операционной системой. Часто это также приходит с лучшими производительностью и более гладкой анимацией.

У HICCUP заключается в том, что это работает только в том случае, когда соединительные компоненты были написаны для реагирования на родных. Достойный набор местных компонентов предоставляется по умолчанию, но если вы являетесь собственным разработчиком приложений, не ожидайте, чтобы найти все компоненты, к которым вы используются.

Вердикт

Хотя результат Rn является родным, он требует написания компонентов Bridge для каждой платформы для их использования, что приближает его к гибридной структуре.

Напишите один раз, беги везде

Ионическое

Типичное гибридное приложение будет запускать один и тот же код независимо от платформы, и это то, что IONIC способен делать. Однако для того, чтобы почувствовать больше «родных», Ionic приспосабливается несколько его поведения в соответствии с платформой. Если вы используете вкладки, они будут отображаться так же, как рекомендуется на платформе – в нижней части экрана в iOS, а сверху на Android.

Реагировать на родной

Цель рН не может предоставить способ написать один раз и бежать везде. Скорее, они хотят, чтобы разработчики использовали компоненты, которые лучше всего следуют на местном поведении платформы. Например, Android имеет очень настраиваемую панель инструментов; iOS нет. Вы можете использовать панель инструментов для Android, но вам придется использовать что-то другое для iOS. Не волнуйтесь, многие компоненты имеют эквивалент; И если нет эквивалента, это достаточно легко, чтобы отделить логику специфической платформы.

Вердикт

С ионным, вы определенно не должны беспокоиться о конкретном поведении платформы. Но с реактивным наременным вам, возможно, придется предоставить самую опыт работы для ваших пользователей.

Язык стека

Ионическое

IONIC – это каркас, основанная на угловом, структуре JavaScript. Он использует HTML-шаблоны для своих представлений. Он соответствует образу с шаблоном контроллера режимов, поскольку вид и логика четко разделены.

Реагировать на родной

React Nature основана на реагированной структуре JavaScript и, таким образом, использует код JavaScript, который напоминает HTML, но по сути не – они называют это Jsx Отказ С этим логика дисплея смешана с бизнес-логикой. В конечном итоге это не проблема, поскольку большинство разработчиков будут чувствовать себя непринужденно с JSX. Но если вы работаете в команде с дизайнерами, сотрудничество с ними не будет так же просто, как редактирование файлов шаблонов и запись CSS. Я не говорю, что займет недели, чтобы они привыкли к этому, но им может потребоваться научить, что происходит. JSX не HTML; Он немного по-разному и не предлагает весь набор браузеров правил CSS, как правило, поддерживает.

Вердикт

С Ionic вы будете в более знакомой территории: классический HTML и CSS. С React Nature вам придется научиться стилю и создавать свои пользовательские интерфейсы, используя свои собственные HTML-подобные компоненты, это не сложно, но это новое.

ИНЖИР. 1: фрагмент jsx jsx на левом углу, ионном 2 шаблоне справа.

реагировать родным против ионным

Тестирование во время развития

Ионическое

При разработке приложения очень важно получить немедленную обратную связь. Нет ничего более расстраивающего, чем при необходимости ждать, чтобы посмотреть, выглядит ли два пикселя маржина, или если три пикселя лучше. С помощью Ionic вы можете мгновенно просмотреть свое приложение в вашем браузере и мобильных устройствах. Это мгновенно обновляется, когда вы вносите изменения в ваше приложение.

Реагировать на родной

Забудьте о тестировании в вашем браузере, RN производит родной рендеринг, помните? Это не проблема, хотя, с реактивным средним вы видите результат ваших модификаций, как вы их делаете. Нет необходимости перекомпилировать, восстановить и т. Д.; Результат мгновенно в эмуляторе или реальном устройстве. Довольно удивительно!

Вердикт

Оба блестящие – но немного разные – в этом отношении. Мгновенная обратная связь, которую вы хотите; Мгновенный отзыв вы получите!

Что еще они приходят?

Ионическое

Работа с Ionic немного похоже на работу с рамки CSS, как Bootstrap Отказ Он поставляется с большим количеством компонентов, которые предварительно сделаны и предварительно стилизованы. Вы хотите отобразить список предметов, и для каждого вам нужен аватар, небольшое описание и дата? Сделано, у них есть компонент для этого!

Реагировать на родной

Как реагируют родные хотят полагаться на местное поведение, они, как правило, не пытаются их воспроизвести. Стиль для тебя, чтобы сделать. В большинстве случаев доступны только компоненты, которые уже существуют в родом, являются редко не родными. Тем не менее, если вы хотите написать настоящий родной компонент и использовать его на своих представлениях, вы можете сделать это с реактивными нажимами.

Вердикт

Ionic ясно дает вам голову. Не волнуйтесь слишком много о стиле, нанесите несколько классов, и вы добруетесь.

Плагины и сообщество

Когда я выбираю проект с открытым исходным кодом для использования, я считаю, что очень важно оценить, насколько ярко община вокруг него. Это непосредственно влияет на то, насколько легко вы можете найти информацию в Интернете, ответы на ваши вопросы или получать исправленные ошибки.

Ионическое

PhoneGap и Cordova на некоторое время проходили вокруг, поэтому существует высокая вероятность того, что плагин уже существует, чтобы подвергнуть необходимую нативную функцию в вашем WebView. У них также есть рынок, где продают разработчики, а также предлагают ионные плагины.

Реагировать на родной

Многие плагины уже доступны на NPM для реагирования на родных. Есть даже плагин для использования плагинов PhoneGap/Cordova, что означает, что вы мгновенно наследуете сотни зрелых плагинов от другого сообщества.

Вердикт

По состоянию на этот день реагировать родной имеет больше звезд на Github, чем Ionic, о 36 000 против 25 000 , соответственно. Хотя, Ionic имеет больше вопросов на Stackoverflow, чем Реагировать родной Отказ Они также наследуют сообщество, на которых они основаны, а именно угловые и реагирующие. Мы можем смело говорить, что у них оба очень полезная экосистема.

Поддерживаемые платформы

Как ионные, так и реагирующие нативные опоры Android и IOS. И для бонусных баллов, Универсальная платформа Windows Поддержка официально поставляется с IONIC 2 и в настоящее время поддерживается как отдельный плагин для реагирования на родных.

Реагируйте родные против IONIC: что лучше?

Я не могу сказать вам, что лучше, потому что я твердо верю, что это зависит от многих факторов: вы, ваш проект, ваши пользовательские требования, приобретенные навыки вашей команды и т. Д. Они оба делают разные вещи, и оба делают это хорошо. Это похоже на сравнение Xbox и PlayStation, MacOS и Windows, автомобилей и мотоциклов. Ни один не лучше другого.

Однако я могу сказать вам, какой я предпочитаю. Это реагирует на родной. Я лично ценю родной рендеринг больше, чем остальные. Для меня приложения должны быть чрезвычайно быстрыми и отзывчивыми, а в реактивном родном, я нашел хороший компромисс между написанием чистых местных приложений или чистых гибридных приложений.

Теперь мой лучший совет вам – попробовать их обоих, выбирать один и сделать лучшее из этого!

Psst Если вы заинтересованы в сравнении кода, я написал очень упрощенное приложение для Ionic, так и реагирует на Github Отказ