Использовать Vue.js для разработки нативных приложений, выбрать Weex или NativeScript?

Vue.js React.js Weex NativeScript

Vue.js — отличный фреймворк! Он имеет удобную кривую обучения и сочетает в себе лучшее из компонентного подхода React с шаблонами Angular. Тем не менее, у Vue.js все еще есть ограничение, он еще не похож на React Native, Vue.js в настоящее время не имеет стабильного, широко распространенного метода разработки собственных приложений.

Однако это обязательно изменится! В настоящее время в разработке находятся два фреймворка, которые могут открыть дверь для создания нативных приложений с помощью фреймворка Vue.js, и мы все это любим: Weex и NativeScript. В этой статье мы сравним два фреймворка и заставим вас почувствовать, что они достаточно интересны, чтобы хотя бы попробовать один из них!

Weex

Weex — проект, созданный китайским гигантом электронной коммерции Alibaba. Его лозунг: «Напиши один раз, работай где угодно», что означает, что вы можете использовать ту же кодовую базу для создания веб-сайтов (HTML5), приложений для Android и iOS. В настоящее время существует несколько производственных проектов Weex и потенциально миллионы пользователей в Китае. Ядро Weex находится в активной разработке, с еженедельными PR. У Weex есть некоторые компоненты и плагины, которые изначально взаимодействуют с платформой, а также довольно грубый набор инструментов.

К сожалению, разработчики Weex не считают, что сделать платформу пригодной для использования — это приоритет для сообщества открытого исходного кода. Убедитесь, что документация, гитхаб и т. д., что-то становится лучше, Weex находится под инкубатором Apache (ASF). Но... нет четкого способа построить проект Weex с нуля. Родной код не подвергается большому количеству взломов. Кроме того, забыл говорить по-английски на официальном канале gitter (https://gitter.im/weexteam/cn)…

NativeScript

В апреле Игорь Ранджелович открыл еще одну возможность, используя Vue и NativeScript. Nativescript-Vue (https://github.com/rigor789/nativescript-vue) — это плагин NativeScript, мост между виртуальным DOM Vue.js и компонентами NativeScript, позволяющий создавать кроссплатформенные приложения с помощью Vue.js. Хотя этот проект все еще находится на ранней стадии и не очень подходит для производственных приложений, у него большой потенциал, поскольку он использует все инструменты, компоненты и плагины фреймворка NativeScript, огромное количество доступных библиотек. С WebPack вы даже можете использовать однофайловые компоненты .Vue (см. этот шаблон https://github.com/tralves/nativescript-vue-webpack-template).

Сообщество большое и очень поддерживает! Если вы участвуете в официальном Slack, вы найдете много дружелюбных людей, готовых помочь, в том числе разработчиков из основной команды NativeScript, создателей NativeScript Vue и других участников проекта. Кто-то хочет сделать больше работы для Nativescript-vue!

Обзор плюсов и минусов

Суммируя плюсы и минусы каждого фреймворка, я думаю:

  • Векс:
  1. Уже используется в производственной среде (правда, только в Китае);
  2. Сборки доступны для Интернета, Android и iOS;
  3. хорошее сообщество;
  4. Инструменты все еще немного рудиментарны;
  5. нет четкого пути, чтобы узнать, как начать проект;
  • НативСкрипт Вью:
  1. Отличное сообщество!
  2. Доступны все платформы NativeScript;
  3. Не готов к пользовательской производственной среде;
  4. В настоящее время только пользовательские сборки для Android и iOS (хотя кто-то делится кодом в веб-сборках);

окончательный приговор

В проектах с открытым исходным кодом сообщество важнее технологий. Weex существует уже несколько месяцев и поддерживается крупной компанией, но мы не видели ничего, что добилось бы больших успехов в сообществе. С другой стороны, NativeScript + Vue привлекает все больше внимания. Конечно, есть некоторые шероховатости, но как только они прояснятся, у нас будет надежная основа для разработки нативных приложений с использованием Vue.js.

Ставлю на NativeScript!

Связь

Weex:

  1. Официальный сайт: http://weex.incubator.apache.org/
  2. Как Weex нравится: https://hackernoon.com/how-to-create-a-weex-vue2-project-6b94981bee4e
  3. Weex Используйте для создания списка приложений: https://github.com/tralves/weex-todoList

NativeScript + Vue.js:

  1. NativeScript Vue: https://github.com/rigor789/nativescript-vue
  2. NativeScript Vue: https://www.nativescript.org/blog/a-new-vue-for-nativescript
  3. Слабый канал NativeScript: http://developer.telerik.com/wp-login.php?action=slack-invitation
  4. NS + Vue template: https://github.com/tralves/nativescript-vue-template
  5. NS + Vue template with webpack (ready for .vue single file components): https://github.com/tralves/nativescript-vue-webpack-template

Хм... откуда ты это знаешь?

Я использовал Weex. Некоторые из экспериментов, которые я провел, построил демо-программу, просмотрел видео, написал статьи, представил местные мероприятия Weex и т. д. Затем я сел в поезд Nativescript Vue! Я также написал дурацкое приложение, выиграл конкурс и создал пару шаблонов, чтобы сгладить процесс запуска.

Оригинальный текст: https://www.toutiao.com/i6508504073317122567/

Поделитесь учебным пособием по семейству корзин Vue.js 2:

1. Вход и улучшение Vue.js 2:Форма. Hubei wiz.com/course/v UE. …

2. Вход и улучшение vuex 2:xc.hubwiz.com/course/vuex

3. Вход и улучшение vue-router 2:Форма.Hubei wiz.com/course/vu и…

4. Практика разработки Vue.js 2 + webpack:Форма. Hubei wiz.com/course/v UE to…