5

Backend-Driven UI

Серия Пятничное чтиво

Сегодня посоветую доклад с HolyJS — Виталий Полещук, Стёпа Михайлюк — Server-driven UI в вебе. Не пиши, а описывай свой фронтeнд

Backend-Driven UI

https://t.me/cherkashindev/102


Парни в докладе рассказывают, как можно не заниматься формошлёпством, точнее как его упростить, чтобы создавать новые формы можно было проще и быстрее.

Backend Driven UI представляет собой подход, в котором бэкенд говорит клиенту, как должен выглядеть интерфейс. В случае с формами, например, может передаваться массив элементов, где у каждого элемента есть тип:

- header
- select
- checkbox
- …

клиент проходится по этому массиву и рендерит соответствующий UI компонент. Таким образом реализация компонентов находится на фронте, а их расположение и взаимодействие на бэке.

👍 Основные преимущества Backend Driven UI

- Возможность делегировать создание форм бэкендерам или аналитикам
- Мгновенные релизы, достаточно обновить данные на сервере для изменения формы сразу на всех устройствах

Ещё по теме:
- Яндекс выпускает DivKit — фреймворк для server-driven UI с открытым кодом

#fridayreading #frontend #architecture

Web-технологии

546 постов5.8K подписчиков

Правила сообщества

1. Не оскорблять других пользователей

2. Не пытаться продвигать свои услуги под видом тематических постов

3. Не заниматься рекламой

4. Никакой табличной верстки

5. Тег сообщества(не обязателен) pikaweb

0
Автор поста оценил этот комментарий

Типа динамичные формы?

раскрыть ветку (1)
1
Автор поста оценил этот комментарий

Что-то вроде. На бэке указывается например JSON, а на фронте по нему генерируется форма. Ну соответственно этот JSON скорее всего пишется не руками а как-то генерируется, чтобы например бэкендеры могли его сделать или даже аналитики/менеджеры.


Мы тоже используем что-то похожее, только пишем не JSON, а на бэке в C# помечаем атрибутами поля и в атрибутах указываем какой компонент рендерить и так для класса можно форму создания/редактирования быстро сделать.

0
Автор поста оценил этот комментарий
Данный формат подходит для создания простых форм. А если на фронте присутствует сложная логика (как пример, одно поле служит как фильтр для другого)? Форма становится жестка завязана на данных с бэка, она не будет гибкой. И возникает вопрос, стоит ли так заморачиваться над простой формой?
раскрыть ветку (1)
0
Автор поста оценил этот комментарий
Тут все зависит от реализации. У нас например при изменении поля, может появиться несколько новых полей. Мы с помощью атрибутов на шарме указываем условие по которому нужно скрывать свойство.

Темы

Политика

Теги

Популярные авторы

Сообщества

18+

Теги

Популярные авторы

Сообщества

Игры

Теги

Популярные авторы

Сообщества

Юмор

Теги

Популярные авторы

Сообщества

Отношения

Теги

Популярные авторы

Сообщества

Здоровье

Теги

Популярные авторы

Сообщества

Путешествия

Теги

Популярные авторы

Сообщества

Спорт

Теги

Популярные авторы

Сообщества

Хобби

Теги

Популярные авторы

Сообщества

Сервис

Теги

Популярные авторы

Сообщества

Природа

Теги

Популярные авторы

Сообщества

Бизнес

Теги

Популярные авторы

Сообщества

Транспорт

Теги

Популярные авторы

Сообщества

Общение

Теги

Популярные авторы

Сообщества

Юриспруденция

Теги

Популярные авторы

Сообщества

Наука

Теги

Популярные авторы

Сообщества

IT

Теги

Популярные авторы

Сообщества

Животные

Теги

Популярные авторы

Сообщества

Кино и сериалы

Теги

Популярные авторы

Сообщества

Экономика

Теги

Популярные авторы

Сообщества

Кулинария

Теги

Популярные авторы

Сообщества

История

Теги

Популярные авторы

Сообщества