Почему выбирают VueJs?

Простой интерфейсный фреймворк, но не проще

В рамках создания масштабируемого одностраничного веб-приложения мы исследовали несколько различных фреймворков внешнего интерфейса, учитывая некоторые ожидания, такие как легкость, производительность, надежность, более быстрая разработка, быстрое обучение и т. Д. На высоком уровне мы выбрали следующие фреймворки: EmberJS, Angular, ReactJS и VueJS в зависимости от популярности. В котором Angular и Ember JS имеют относительно более широкую поддержку сообщества и широко используются в веб-приложениях. Мы исключили Angular из-за того, что он выпускает критические изменения после релизов. В конце концов, мы решили сравнить ReactJS и VueJS из-за их меньшей кривой обучения и их поддержки виртуального дома.

React против Vue

Обе фреймворки имеют много общего благодаря своему архитектурному дизайну и разработчикам (разработчики ядра React внесли большой вклад в VueJS).

Общие особенности

Реактивное f функциональное программирование - потоки данных и распространение изменений в компонентах представления. (= наблюдаемый + наблюдатель + планировщики)
Виртуальный DOM манипуляции вместо HTML / XML DOM.
Компоненты бывают реактивными / с отслеживанием состояния и простыми / без учета состояния.
Маршрутизаторы для навигации с ограничениями / фильтрами / свойствами компонентов.
Собственные и настраиваемые директивы поддерживают HTML или JSX в качестве атрибутов.
Глобальное управление состоянием хорошо масштабируется с помощью Vuex (Vue) / Redux (React).
Функциональные возможности, такие как привязки данных / событий, миксины, фильтры и помощники.
Непродуманная структура приложения с системами сборки.
Поддержка встряхивания дерева с Webpacks 2.
Karma в качестве тестовой среды вместе с Mocha / Jest.
Поддержка REST API и обработчика запросов XHR с axios.
Инструменты разработчика Chrome для отладки Vue / React, а также для Vuex / Redux.
Расширения VS Code как для разработки React, так и для Vue.

Другие функции

Производительность во время выполнения исключительно и так же быстро. Обратитесь к тестам
Отрисовка компонентов более оптимизирована в Vue по сравнению с React благодаря интеллектуальным прослушивателям состояния и методам вычисления / наблюдения.
Размер фреймворка React выше, чем Vue, благодаря богатому набору директив и функций. Но у Vue нет богатого набора директив, чтобы размер библиотеки (~ 30 КБ в сжатом виде) был небольшим и чистым. Пожалуйста, проверьте ответ создателя Vue на один из запросов функции.
Принятие React довольно сложно для HTML-разработчика / дизайнера. Это своего рода полнофункциональный фреймворк / библиотека, все это просто JavaScript. например: JSX, ES6, загрузка CSS и т. д. Но Vue прост, и вы можете использовать HTML, Scoped CSS, ES6 и JSX в одних и тех же компонентах.
Поддержка сообщества выше для React, и Facebook его поддерживает. VueJs создан Evan You и постепенно становится известным сообществу благодаря своей производительности и достоинствам.
Популярность React (звезды / вилки) и участники выше, чем участники Vue (звезды / вилки).
Гибридное приложение возможно с React Native (React) и Weex (Vue)
Документация - одно из преимуществ Vue по сравнению с документами React.
Лицензирование. И Vue, и React лицензируются MIT. Пожалуйста, проверьте ссылки, чтобы узнать о разрешениях, ограничениях и условиях. Однако раньше React находился под лицензией BSD + Patent.

Давайте код

Давайте сделаем простую страницу Hello World и отобразим результат.

Привет, мир! страница в React

class HelloMessage extends React.Component {
  render() {
    return (
      <div>
        Hello {this.props.name}
      </div>
    );
  }
}

ReactDOM.render(
  <HelloMessage name="World!" />,
  mountNode
);

Привет, мир! страница в Vue

<div id="app">
  {{ message }}
</div>
var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello World!'
  }
})

Ух ты! Код Vue очень прост и читабельнее, чем React!

Вывод

Заключение

Учитывая простоту, производительность, легкую кодовую базу, лучшую документацию, гибкость, более быструю разработку и легкое обновление / обратную совместимость. VueJs - это простая внешняя среда, но не проще.

Francium Tech - технологическая компания, специализирующаяся на поставке высококачественного масштабируемого программного обеспечения на экстремальных скоростях. Числа нас не пугают. Если у вас есть какие-либо требования или вы хотите бесплатно проверить работоспособность архитектуры вашей системы, напишите письмо по адресу [email protected], мы свяжемся с вами!

Почему выбирают VueJs?