Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Vue.js - реактивный фронтенд фреймворк для людей

982 views

Published on

Событие: DrupalCamp Krasnodar 2016
Докладчик: Константин Комелин
Анонс: http://2016.drupalyug.ru/program/sessions/reaktivnyy-frontend-freymvork-dlya-lyudey
Полный текст: https://komelin.com/ru/articles/vuejs-reaktivnyy-frontend-freymvork-dlya-lyudey

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Vue.js - реактивный фронтенд фреймворк для людей

  1. 1. Vue.js Реактивный фронтенд фреймворк для людей Константин Комелин @kkomelin
  2. 2. Причем здесь jQuery?
  3. 3. Возможно, вам не нужна jQuery YouMightNotNeedJQuery.com jQuery JavaScript $(‘.selector’) document.querySelectorAll(‘.selector’) $.each() forEach()
  4. 4. Как я пришел к Vue?
  5. 5. Если Drupal должен выбирать JS фреймворк, я бы хотел, чтобы @vuejs был рассмотрен. Мой комментарий: drupal.org/node/2645250#comment-10736242 cc/ @Dries Дэвид Корбачо, председатель фронтенд секции DrupalCon Dublin
  6. 6. Vue / “вью” /
  7. 7. Факты о Vue ● Автор: Evan You @youyuxi ● Первый публичный релиз: Февраль 2014 ● Последний стабильный релиз: v1.0.26 ● Пользователи: Alibaba, Baidu & Tencent, Xiaomi и другие ● В ядре: Laravel и PageKit
  8. 8. Основы Vue
  9. 9. Компоненты
  10. 10. Компоненты
  11. 11. Модель - это обычный JavaScript объект. Измени модель - изменится и представление. Реактивность
  12. 12. Типы приложений
  13. 13. Распределенное приложение
  14. 14. Обычный сайт
  15. 15. Подключение библиотеки в Drupal 8
  16. 16. Пример 1: Количество символов
  17. 17. Пример 1: Количество символов
  18. 18. Пример 2: Список пользователей
  19. 19. Пример 2: Список пользователей
  20. 20. Переменные Vue в шаблонах Twig
  21. 21. github.com/kkomelin/vue_drupal_demo
  22. 22. ● Нужен рутинг с красивыми путями? Vue-router в помощь. ● Ajax запросы? Vue-resource к вашим услугам. ● Управление состоянием приложения? Vuex тут как тут. ● Дебажите в браузере? Vue-devtools придет на помощь. ● Хотите скафолдить приложения? Vue-cli ждет в консоли. ● Webpack или Browserify? Есть оба, выбор за вами. ● Ищете готовый компонент? github.com/vuejs/awesome-vue Экосистема
  23. 23. ● Не нужен jQuery ● Легко стартануть ● Разделение логики и представления ● Не нужен TypeScript и JSX ● Совместимость между версиями ● Отличная документация ● Достойная поддержка ● Нормальная лицензия Почему именно Vue?
  24. 24. Что думают разработчики о Vue?
  25. 25. Текущий статус изучения React: перегружен. Изучаю @vuejs, так как он выглядит простым и у него симпатичный сайт. Тейлор Отуелл, создатель Laravel
  26. 26. The State Of JavaScript 2016
  27. 27. The State Of JavaScript 2016
  28. 28. Я особенно рад за @vuejs, создатели которого ставили своим приоритетом сделать пользователей счастливыми и при этом никогда не занижали заслуги других. Это окупилось. Дэн Абрамов, команда React.js
  29. 29. Куда движется веб-разработка, и что нам с этим делать? React? Angular? Ember? Backbone? Polymer? Aurelia? Vue?
  30. 30. @kkomelin Золотой спонсор:При поддержке: Серебряные спонсоры: Благодарю за внимание! КРАСНОДАР 2016

×