Начало всего
Угловой
Разработанный Google, Angular был впервые выпущен в 2010 году и является старейшим в серии. Это JavaScript-фреймворк на основе TypeScript. Выпуск Angular2 в 2016 году (и аббревиатура «JS» от его первоначального названия — AngularJS) имел большое значение. Angular2+ известен просто как Angular. AngularJS (версия 1) все еще обновляется, но мы сосредоточимся на Angular. Последняя стабильная версия — Angular 13, выпущенная в ноябре 2021 года.
Реагировать
Разработанный Facebook, React был первоначально выпущен в 2013 году. Facebook широко использует React в своих продуктах (Facebook, Instagram, WhatsApp). Текущая стабильная версия — 17.X, выпущенная в октябре 2020 г. (с тех пор с небольшими добавочными обновлениями).
Вью
Vue, также известный как Vue.js, является самым молодым участником группы. Он был разработан в 2014 году бывшим сотрудником Google Эваном Ю. За последние три года популярность Vue значительно выросла, хотя крупные компании и не поддерживали ее. Текущая стабильная версия — 3.0, выпущенная в сентябре 2020 года (с тех пор есть несколько добавочных версий меньшего размера). Авторы Vue поддерживаются Patreon. Обратите внимание, что Vue 3 в настоящее время находится в собственном репозитории GitHub и перемещен в TypeScript.
Теперь давайте взглянем на некоторые важные свойства, КОТОРЫЕ ДОЛЖНЫ УЧИТЫВАТЬСЯ.
Популярность
angular и реагировать — общеупотребительные слова, поэтому их популярность сложно измерить с помощью Google Trends. Тем не менее, популярным показателем является количество звезд, которые получает ваш репозиторий GitHub. В середине 2016 года произошло внезапное изменение количества звезд Vue, которое недавно оценило Vue как один из самых популярных фреймворков React.
Рынок труда
Лучшими источниками данных о тенденциях рынка труда являются различные доски объявлений о трудоустройстве.
Как видно из тенденций конца 2018 года, количество рабочих мест, требующих навыков Angular или React, примерно одинаково, но Vue по-прежнему составляет лишь небольшую часть (около 20%) от этого числа.
Если вам нужен немного более актуальный анализ, вы можете попробовать этот поиск Google Trends. Этот поиск анализирует тенденции поиска вакансий React, Angular и Vue за последние 12 месяцев.
Данные встроены ниже.
Размер и время загрузки
Поскольку современное кэширование и минимизация являются базовыми стандартами, размер библиотеки не считается основным фактором. Существует большая разница в размере рамки. Пример: Angular — самый большой. Они все еще малы по сравнению со средним размером веб-сайта (около 2 МБ).
Компоненты
Компоненты — это самая основная часть всех трех фреймворков, говорите ли вы о Vue, React или Angular. Компонент получает ввод и меняет свое поведение на его основе. Это изменение в поведении обычно проявляется как изменение пользовательского интерфейса некоторых частей сайта. Компоненты упрощают повторное использование кода.
- Angular. В Angular компоненты называются директивами. Директивы — это просто маркеры для элементов DOM. Angular может отслеживать и присоединять определенные действия. Angular отделяет часть пользовательского интерфейса от компонента как атрибут тега HTML. В этом разница при сравнении Angular и React.
- React.React — это сочетание пользовательского интерфейса и поведения компонентов. В React тот же код создает элемент пользовательского интерфейса и определяет его поведение.
- Vue. В Vue пользовательский интерфейс и поведение также являются компонентами. Это делает вещи более интуитивными. Vue очень настраиваемый. Вы можете комбинировать пользовательский интерфейс и поведение компонента в скрипте. Vue — отличный вариант для интеграции с другими библиотеками.
Кривая обучения
Насколько сложно изучить эти фреймворки?
- Angular. Чтобы освоить Angular, вам необходимо изучить связанные с ним понятия, такие как TypeScript и MVC. Чтобы изучить Angular, нужно время. Это стоит вложений, если вы понимаете, как работает интерфейс.
- React. Документация по React исчерпывающая и полная. Содержит решения распространенных проблем, которые уже существуют в StackOverflow. React не является полным фреймворком. Его расширенные функции требуют использования сторонних библиотек. Изучение того, как использовать React, не означает, что вы применяете лучшие практики.
- Vue: широкие возможности настройки, его легче освоить, чем Angular или React. Vue перекрывает Angular и React с точки зрения таких функций, как использование компонентов. Миграция с обоих на Vue проста. Простота и гибкость Vue заключаются в том, что он допускает использование плохого кода и затрудняет его отладку и тестирование.
Angular vs React vs Vue: кто победил?
Каждая из этих библиотек имеет свои сильные и слабые стороны. В зависимости от проекта, над которым вы работаете, и ваших уникальных потребностей, один из них лучше другого. Всегда проводите собственное исследование, прежде чем принимать решение, особенно если вы работаете над деловым предприятием, а не над личным проектом.
