Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Анатомия и физиология Vaadin Flow

Анатомия и физиология Vaadin Flow

Yuriy Artamonov

April 05, 2019
Tweet

More Decks by Yuriy Artamonov

Other Decks in Programming

Transcript

  1. ▪ ▪ ▪ Повышенные требования к безопасности 7 Плюсы 1.

    Один язык для всего 2. Проще отлаживать 3. Знакомые инструменты 4. Быстрее разработка 5. Не нужны веб-сервисы Минусы 1. Ограниченное масштабирование 2. Сложнее кастомизация 3. Требовательнее к ресурсам Сервер-сайд UI и кому это нужно
  2. 8

  3. ▪ ▪ ▪ Куда податься? 10 От Google Web Toolkit

    к фронтенд технологиям
  4. Синхронизация состояния UI с сервером 15 Java Server-Side UI State

    JavaScript Client Events State DOM access AJAX / PUSH Java components Events Sync DOM JS State • JS Components • DOM elements ▪ Двунаправленная синхронизация данных ▪ Разница состояний пересылается в JSON ▪ Поддержка двусторонних вызовов RPC ▪ Состояние блокируется на момент обработки запроса
  5. Интеграция JS компонентов ▪ @JavaScript @StyleSheet ▪ ▪ 19 Java

    Class DOM Element DOM атрибуты, подписки на события, JavaScript вызовы события, синхронизация значений, вызовы Java API