Vaadin 8/10 - Brave New World

Haulmont Meetup on Vaadin 10 release

Transcript

1. Vaadin 8 / 10 Brave New World Взгляд со стороны на тектонические сдвиги в главном enterprise UI фреймворке Юрий Артамонов CUBA Platform
2. Не такой уж Brave, но определённо New
3. Vaadin Ltd. Финская компания, создающая библиотеки и инструменты для разработки Web UI. Продукты: • Vaadin Framework (OSS) • Vaadin Designer (Commercial) • Vaadin Components (OSS / Commerical) • Vaadin Testbench (Commercial)
4. Vaadin Framework Использует GWT для front-end : ~= Java для кода на клиенте и сервере.
5. Vaadin 8 - для кого ? - почему ? Главные изменения: - Java 8 - Data Binding - Поддержка только новых веб- браузеров (IE11+) - Улучшенная производительность - HTML imports (Web Components)
6. Vaadin 8 Binder Статически типизированный биндинг данных. https://vaadin.com/docs/v8/framework/datamodel/datamodel-forms.html
7. Стандарт Web Components Основные концепты: • HTML template • Custom Elements • Shadow DOM • HTML Imports Профит: • Инкапсуляция • Переиспользование Все ещё нужны полифилы.
8. Vaadin Components Переиспользуемые компоненты для front-end разработчиков. Polymer / Web Components - замена GWT. Vaadin Components построены на базе Google Polymer, но скрывают это вас. Components: https://vaadin.com/components/browse Expense Manager Demo: https://expensemanager.demo.vaadin.com/
9. Vaadin Components
10. Vaadin Flow Автоматический механизм связи front-end и back-end
11. Vaadin Flow Прямой доступ к DOM и API JavaScript из Java API на сервере
12. Vaadin 10 Server-side UI фреймворк для Java разработчиков на базе Web Components: Java API + Vaadin Flow + Vaadin Components = ♡
13. Vaadin 10 - для кого ? - почему ? Vaadin 10 это НЕ: • Vaadin Framework • Java-enough • Stable Для новых проектов и новых веб-браузеров.
14. Vaadin Starters Шаблоны проектов: https://vaadin.com/start/ https://github.com/vaadin/beverage-starter-flow В том числе, full-stack: https://vaadin.com/start/v10-full-stack-spring
15. Lumo Theme Новая generic тема на смену Valo: https://cdn.vaadin.com/vaadin-lumo-styles/1.0.0/demo/ Vaadin больше не использует SASS ⛔ Предпочтение отдаётся CSS с переменными.
16. Vaadin Platform? WTF ? Vaadin Platform - BOM (Bill of Materials) проект для Vaadin 10: https://github.com/vaadin/platform Призван решить проблему с управлением зависимостями для сотен-тысяч компонентов.
17. Vaadin 8 → Vaadin 10 Нет пути миграции ⛔ • API Vaadin 8 и 10 принципиально отличается. • Аддоны для V8 не обновляются для V10 (а может это и не нужно?). Сходства: - Server-side API - Java - Data binding Замена для компонентов из V8: https://vaadin.com/docs/v10/flow/migration /5-components.html
18. Новый релиз-цикл • Поддержка Vaadin 7 - до февраля 2019 года. • Поддержка Vaadin 8 - до 2022 года. • Новые LTS версии для Vaadin 10.
19. Новый релиз-цикл Выход новых версий - каждые полгода См. https://vaadin.com/blog/the-revaadin-platform
20. Идём учить Vaadin Flow & Web Components