AngularJS2 vs VueJS2 (ru)
- 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 становится вполне комфортной, а во рту остается привкус лесных ягод