1 React Фреймворк React, созданный Facebook, за короткое время завоевал популярность. Он используется для разработки и эксплуатации динамического пользовательского интерфейса веб-страниц с высоким входящим трафиком. Он использует виртуальный DOM, и, следовательно, его интеграция с любым приложением становится более простой.

Особенности
Декларативный: создает интерактивный и динамический пользовательский интерфейс для веб-сайтов и мобильных приложений. Эффективно реагируйте на обновления и отображайте нужные компоненты при изменении данных. Декларативные представления делают код читабельным и легким для отладки.
Виртуальный DOM: для каждого объекта DOM существует соответствующий «виртуальный объект DOM». Он создает виртуальную копию исходного DOM и является представлением объекта DOM.
Обработка событий: в React создана полностью совместимая система событий объектной модели W3C. Он также обеспечивает кросс-браузерный интерфейс для собственного события, что означает, что не нужно беспокоиться о несовместимых именах и полях событий. React уменьшает объем памяти, поскольку система событий реализована посредством делегирования событий и имеет пул объектов событий.
JSX: JSX — это синтаксис разметки, очень похожий на HTML. JSX упрощает написание компонентов React, делая синтаксис почти идентичным HTML-коду, внедряемому в веб-страницу.
Производительность. React использует одностороннюю привязку данных к архитектуре приложения, называемой элементами управления Flux. ReactJS помогает обновлять представление для пользователя, а Flux управляет рабочим процессом приложения. Виртуальный DOM добавляет преимущества, поскольку он сравнивает новые данные с исходным DOM и автоматически обновляет представление.
React Native: React Native — это настраиваемый модуль визуализации для React; он использует собственные компоненты вместо веб-компонентов, таких как React, в качестве строительных блоков. Он также обеспечивает доступ к функциям этих платформ, помимо преобразования кода React для работы на iOS и Android.
Основанный на компонентах: в React все является компонентом веб-страницы, разделенным на небольшие компоненты для создания представления ( или интерфейсы). Каждая часть визуальных элементов приложения будет заключена в автономный модуль, известный как компонент. Компоненты в ReactJS используются для определения визуальных элементов.

2 Angular Angular — среда JavaScript Одна из самых мощных, эффективных сред JavaScript с открытым исходным кодом — Angular. Google использует эту структуру и реализует ее для разработки одностраничных приложений (SPA). Он расширяет HTML в приложении и интерпретирует атрибуты для выполнения привязки данных.

Особенности
Кроссплатформенность

Прогрессивные веб-приложения: современные возможности веб-платформы для предоставления приложений, подобных приложениям, с высокой производительностью, автономной и автоматической установкой.
Нативные: для создания нативных приложений используются стратегии Cordova, Ionic или NativeScript.< br /> Рабочий стол: приложения, установленные на рабочем столе для Mac, Windows и Linux, можно создавать с использованием тех же методов Angular, что и в Интернете, плюс возможность доступа к собственным API-интерфейсам ОС.
Скорость и производительность

Генерация кода: Angular превращает шаблоны в код, оптимизированный для виртуальных машин JavaScript, что дает преимущества написания кода от руки.
Универсальность: почти мгновенно обслуживайте первое представление Node.js, .NET, PHP и других серверов. рендеринг только в HTML и CSS.
Разделение кода. С новым Component Router приложения angular загружаются быстро, обеспечивая автоматическое разделение кода. Таким образом, пользователи загружают код, необходимый для отображения запрашиваемого представления.
Производительность

Шаблоны: создавайте представления пользовательского интерфейса с помощью простого и мощного синтаксиса шаблонов.
Angular CLI: инструменты командной строки: быстро начинайте сборку, добавляйте компоненты и тесты, а затем мгновенно развертывайте.
IDE: интеллектуальное завершение кода, мгновенные ошибки, и другие отзывы о популярных редакторах и IDE.
Полная история разработки

Тестирование: Protractor ускоряет и делает тесты сценариев более стабильными.
Анимация: создавайте высокопроизводительные, сложные хореографии и анимационные временные шкалы с очень небольшим количеством кода с помощью интуитивно понятного API Angular.
Специальные возможности: создавайте доступные приложения. с компонентами с поддержкой ARIA, руководствами для разработчиков и встроенной гибкой тестовой инфраструктурой.

3 Vue.js Vue — JavaScript Framework Несмотря на то, что этот JavaScript-фреймворк был разработан в 2016 году, он уже вышел на рынок и доказал свою ценность, предлагая различные функции. Двойной режим интеграции — одна из самых привлекательных функций для создания высококачественного SPA или одностраничного приложения. Это очень надежная платформа для кроссплатформенной разработки.

Особенности
Виртуальный DOM: Vue.js использует виртуальный DOM. Виртуальный DOM — это клон основного элемента DOM. Виртуальный DOM поглощает все изменения, предназначенные для DOM, представленного в виде структур данных JavaScript, которые сравниваются с исходной структурой данных.
Зрители просматривают окончательные изменения, которые отражаются в реальном DOM. Метод творческий и экономичный; кроме того, изменения вносятся быстро.
Привязка данных: эта функция облегчает управление или присвоение значений атрибутам HTML, изменение стиля, назначение классов с доступной v-bind, которая является директивой привязки.
Переходы и анимация CSS: эта функция предоставляет несколько методов для применения перехода к элементам HTML при добавлении, обновлении или удалении из DOM. Его функции состоят из встроенного компонента, который оборачивает элемент, отвечающий за возврат эффекта перехода.
Шаблон: он предоставляет шаблоны на основе HTML, которые связывают DOM с данными экземпляра Vue.js. Шаблоны компилируются в функции Virtual DOM Render. Разработчик может использовать шаблон функций рендеринга и может заменить шаблон функцией рендеринга.
Методы: мы используем методы, когда происходит событие, которое не обязательно связано с изменением данных экземпляра или когда мы хотим изменить состояние компонента. . Методы не хранят записи о каких-либо зависимостях, но могут принимать аргументы.
Сложность: Vue.js проще с точки зрения API и дизайна. Веб-разработчик создает простые приложения за один день.