AngularJS2 vs VueJS2у кого больше?

Борис Мосуновfacebook.com/mossounov

linkedin.com/in/borismossounovanotherguru.me

Тезисы: AngularJS2 vs VueJSКомпоненты повсюду, сравнение реализаций.

Обзор и сравнение HTML синтаксиса.Быстрый старт, кто быстрее?

Легко ли изучить?DX - удобство разработки

Сравнение производительностиУ кого экосистема лучше?

Кто ими пользуетсяКакой фреймворк лучше? В каких случаях?

Что за компоненты?

JS

HTML

CSS

events & props events & methods

Пример компонента «Slider»

<slider min="0" max="100" value="76" onchange="console.log(value)"/>

Какие сегодня есть решения?

Angular2.jsVue2.js

VS

Почему?

Просто потому, что только их и знаю

Кто за ними стоит?

Angular2.js

Кто за ними стоит?

Vue2.js

JS компонент в Angular2

JS компонент в Angular2

HTML разметка в Angular2

JS компонент в Vue2

HTML разметка в Vue2<modal>Hello #4front!</modal>

<modals></modals>

Single file component in Vue2

Быстрый старт

Angular2.js Vue2.js- Обязательно:

- ES6 / TypeScript - Webpack/Browserify- Gulp/Grunt

- Можно:- ES5 / ES6 / TypeScript - Webpack/Browserify- Gulp/Grunt

Легко ли изучить

Angular2.js Vue2.js

Пару недель… Пару дней…

Удобстово разработки (DX)

Angular2.js Vue2.jsЛюбая ошибка - сообщениеБольшое коммьюнитиХорошая документацияМного готового кода… но разных версий

Любая ошибка - беда*Коммьюнити естьХорошая документация… но разных версий Меньше готового кода

Удобстово разработки (DX)

Vue2.js - есть нюансы- обязательность входных свойств- ~1.5 стороннее связывание- костыльное обновление DOM дерева

Производительность

Angular2.js Vue2.jsРаботает быстроГрузится… Hello World 7мб*

Работает быстроГрузится - ~50кб

http://stefankrause.net/js-frameworks-benchmark4/webdriver-ts/table.html

* кое-кто из слушателей доклада утверждает, что проблему решили уже

Экосистема

Angular2.js Vue2.jsЗа ним googleОгромное коммьюнитиКуча готовых решенийОтличная документация

За ним yyx990803Есть коммьюнитиЕсть базовые решенияЕсть хорошая документация

2 дняхорошая

очень высокоеничтожно малминимальныеон проклят*

есть базовый

Легкий, быстрый, экспериментальный

Кто лучше?

Angular2.js Vue2.jsИзучение

ДокументацияБыстродействие

ВесТребования

Удобство DXГотовый код

Итого

2 неделиотличнаявысокое

корпоративныйвсе новинки 2016

нормальноесть много

Тяжелый, надежный,корпоративный

Кто лучше?

Angular2.js Vue2.jsИзучение

ДокументацияБыстродействие

ВесТребования

Удобство DXГотовый код

Итого

1079

10832

49

186

-10488

23

*Уже после подготовки доклада, перед самым выступлением, выяснилось,

что при разработке на VueJS надо использоватьнеминифицированную версию скрипта vue.js.

Это автоматом включает debug режим с выводомрекомендаций в консоль.

А если еще и установить chrome-extensionVue DevTools,

то разработка на VueJS становится вполне комфортной, а во рту остается

привкус лесных ягод