Документ содержит сравнение фреймворков AngularJS 2 и VueJS 2, включая их синтаксис, производительность, удобство разработки и экосистему. Обсуждаются ключевые моменты, такие как скорость изучения, документация и объем готового кода. Выводы подойдут для разработчиков, желающих выбрать наиболее подходящий инструмент для своих нужд.

1. AngularJS2 vs VueJS2
у кого больше?
Борис Мосунов
facebook.com/mossounov
linkedin.com/in/borismossounov
anotherguru.me

2. Тезисы: AngularJS2 vs VueJS
Компоненты повсюду, сравнение реализаций.
Обзор и сравнение HTML синтаксиса.
Быстрый старт, кто быстрее?
Легко ли изучить?
DX - удобство разработки
Сравнение производительности
У кого экосистема лучше?
Кто ими пользуется
Какой фреймворк лучше? В каких случаях?

3. Что за компоненты?
JS
HTML
CSS
events & props events & methods

4. Пример компонента «Slider»
<slider min="0" max="100" value="76"
onchange="console.log(value)"/>

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

6. Angular2.jsVue2.js
VS
Почему?
Просто потому, что только их и знаю

7. Кто за ними стоит?
Angular2.js

8. Кто за ними стоит?
Vue2.js

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

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

12. HTML разметка в Angular2

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

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

16. Single file component in Vue2

17. Быстрый старт
Angular2.js Vue2.js
- Обязательно:
- ES6 / TypeScript
- Webpack/Browserify
- Gulp/Grunt
- Можно:
- ES5 / ES6 / TypeScript
- Webpack/Browserify
- Gulp/Grunt

18. Легко ли изучить
Angular2.js Vue2.js
Пару недель… Пару дней…

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

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

21. Производительность
Angular2.js Vue2.js
Работает быстро
Грузится… Hello World 7мб*
Работает быстро
Грузится - ~50кб
http://stefankrause.net/js-frameworks-benchmark4/webdriver-ts/table.html
* кое-кто из слушателей доклада утверждает, что проблему решили уже

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

23. 2 дня
хорошая
очень высокое
ничтожно мал
минимальные
он проклят*
есть базовый
Легкий, быстрый,
экспериментальный
Кто лучше?
Angular2.js Vue2.js
Изучение
Документация
Быстродействие
Вес
Требования
Удобство DX
Готовый код
Итого
2 недели
отличная
высокое
корпоративный
все новинки 2016
нормально
есть много
Тяжелый, надежный,
корпоративный

24. Кто лучше?
Angular2.js Vue2.js
Изучение
Документация
Быстродействие
Вес
Требования
Удобство DX
Готовый код
Итого
10
7
9
10
8
3
2
49
1
8
6
-10
4
8
8
23

25. *Уже после подготовки доклада,
перед самым выступлением, выяснилось,
что при разработке на VueJS надо использовать
неминифицированную версию скрипта vue.js.
Это автоматом включает debug режим с выводом
рекомендаций в консоль.
А если еще и установить chrome-extension
Vue DevTools,
то разработка на VueJS становится
вполне комфортной, а во рту остается
привкус лесных ягод