Новости DivKit

⏭ 14 декабря Яндекс проведёт Ночь опенсорс-библиотек для всех, кто интересуется открытым кодом

Вы станете частью открытого комьюнити, сможете познакомиться с разработчиками проекта DivKit и внести свой вклад в его развитие, даже если это ваш первый коммит

🔮 Герой вечера — DivKit, фреймворк для Server-Driven UI с открытым кодом. Он позволяет объединить скорость релизов бэкенда и качество нативной мобильной разработки. Вы можете писать единую вёрстку, которая будет превращаться в нативный код четырёх платформ — Android, iOS, Flutter и веб.

🔷 Список дел:

🟠 Собрать приложения на скорость с помощью DivKit

🟠 Пообщаться и задать вопросы мейнтейнерам и разработчикам

🟠 Прогуляться по библиотеке с экскурсоводом

🟠 Пройти квест по книжным полкам

🟠 Насладиться концертом в библиотечном антураже

🟠 Присмотреть новинки в книжной лавке

Регистрируйтесь и сохраняйте дату — будет здорово!

Всем привет! 👋 За последние две недели у нас вышло два релиза для DivKit: 30.20.0 и 30.21.0. 🎉

Что нового?
Версия 30.21.0:

Android: добавлены функции getStoredArrayValue и getStoredDictValue, новые типизированные действия scroll_by, scroll_to и set_stored_value. Исправлена проблема с nullability при работе с шаблонами.
iOS: добавлен TooltipManager.reset(), улучшена фокусировка элементов и переработана работа с tintMode для ImageBlock.
Web: поддержка id для прототипов в item_builder.

Версия 30.20.0:
Android: добавлена поддержка аниматоров переменных и параметра tighten_width для текста. Исправлены баги с поведением индикатора.
iOS: добавлен новый параметр tighten_width, поддержка div-action-timer, div-action-video и улучшена работа с многострочным текстом.
Web: поддержка свойств on_applied_actions и on_failed_actions в patch, а также новое поведение для контейнеров с wrap_content.
Полный список изменений есть в отдельных постах 30.21.0 и 30.20.0.

Хорошей недели! С любовью, команда DivKit ❤️

Всем привет! У нас отличные новости, встречайте DivKit на Flutter v0.5.0. В этом выпуске добились полной поддержке всех платформ*, написав свой вычислитель выражений на Dart. Еще существенно ускорили работу рендерера.

Так же:
• Исправили не распространение патчей через custom-ные компоненты
• Добавили описание всем полям DTO моделек
• Добавили поддержку кастомных шрифтов

Плагин div_expressions_resolver больше не поддерживается.

Уточнения:
* - runtime для Web использует урезанный integer (53bit)

Всем привет! Сегодня вышел минорный релиз DivKit 30.19.0! 🎉

Android: поддержано свойство item-builder в gallery и pager, добавлено несколько новых типизированных экшенов, исправлено мигание клавиатуры при смене фокуса.

iOS: исправлена прозрачность элементов с solid фоном.

Web: добавлена поддержка local variables, исправлено поведение toNumber(''), добавлена поддержка свойства layout_provider.

Полный список изменений — в посте Telegraph и на странице GitHub. Отличной недели! ✨

С любовью,
команда DivKit ❤️

Всем привет! 👋 Мы выпустили обновление DivKit — 30.18.0:

На Android добавлены интерфейсы сериализации шаблонов в качестве экспериментального API, исправлены ошибки с прокруткой в полях ввода и обрезкой углов view во время осуществления transitions.

На iOS добавлен эксперимент по использованию разных методов отрисовки для эффектов размытия/тона изображений, а также поддержано поле max_length для div-input.

Полный список изменений можно найти в нашем посте в Telegraph! Отличного дня!

С любовью,
команда DivKit ❤️

Всем привет! 🎉

Мы собрали все изменения с версии 30.12.0 по 30.16.0 на одной странице, а эту неделю начали с релиза DivKit версии 30.17.0! 🌟

На Android добавлены новые типизированные действия (div-action-show-tooltip, div-action-timer, div-action-video), новые методы для получения значений из словарей, а также улучшена доступность для изображений в тексте.

На iOS исправлены проблемы с прокруткой пейджера и последней маленькой страницей.

Полный список изменений доступен в отдельной заметке.

Желаем отличных выходных и приятного кодинга! 💻☀️

С любовью,
Команда DivKit ❤️

Всем привет!

У команды разработки DivKit скоро начинается новое полугодие и мы хотим собрать пожелания по возможностям, которых вам не хватает.

Заполните короткую форму, или, если не хотите заполнять форму, напишите комментарий к этому сообщению или приходите в личку к @Tayrinn - нам очень важно ваше мнение.

С любовью, команда DivKit🧡

Всем привет! Вчера выпустили DivKit на Flutter v0.4.0:

• Переработали процесс измерения макетов. Теперь используем более низкоуровневую реализацию. Расхождений стало меньше и быстрее стали собирать дерево виджетов.
• Теперь предварительный просчет при переключении стейтов происходит только для выбранного.
• Сейчас при смене состояний создается новое поддерево, а не обновляется старое.
• Темплейтер теперь правильно переносит объекты из темплейтов в верстку.
• Поддержали новые атрибуты текста.
• Прокачали playground: верстка по ссылке, удобный поиск тесткейсов.

Это подкаст “Свободный слот”

И в этот раз речь пошла про BDUI — благо это или зло? Бизнес обычно в восторге от BDUI: высокий Time to Market, новые фичи без обновлений приложений, UI для нескольких платформ. А вот инженерам не всегда нравится пользоваться конструкторными решениями.

Вместе с Леонидом Ральниковым, разработчиком DivKit, коллеги из Авито обсудили какие плюсы и минусы есть у конструкторов, как это влияет на компанию и что нас ждет в будущем. Можно ли отдать вёрстку продакту? Не теряют ли инженеры базу, верстая экраны через конструкторы? Как тестировать приложения с BDUI?

Слушайте выпуск “Backend-Driven UI и конструкторы. Благо или зло?” и делитесь своими историями про внедрение технологии

Всем привет! На прошлой неделе выпустили DivKit на Flutter v0.3.0, вот ключевые изменения с момента анонса:

v0.1.5:
• Полностью реализовали шаблоны: теперь шаблоны можно наследовать, компоновать, а также использовать ссылки и транзитивные ссылки на поля. Таким образом поддерживается расширенная спецификация, как для платформы Web;
• Добавили масштабирование для элементов и текста. Можно задать коэффициенты, что позволит умещать контент на разных девайсах;
• Переключились на стабильный div_expressions_resolver.

v0.2.0:
• Реализовали фичу div-patch для частичного обновления контента. Можно реализовывать пагинацию и еще больше оптимизировать взаимодействие с бэкендом;
• Поправили публичный API, пофиксили баги и чуть улучшили парсинг.

v0.3.0:
• Поддержали мгновенный рендеринг DivKitView;
• Добавили асинхронный парсинг;
• Добавили предварительную загрузку данных выражений;
• Реализовали фичу div-visibility-actions. Можно выполнять любые действия при появлении нужного компонента;
• Частично поддержали компонент div-pager;
• Поддержали ranges в div-text для стилизации фрагментов текста.
• Добились полной поддержки div-background. Теперь хорошо рисуются тени и сложные фоны;

Полный список изменений и как мигрировать можно посмотреть в changelog.

Обновитесь до новой версии и откройте для себя полный потенциал DivKit на Flutter!

Это Валерий Безуглый, мобильный разработчик в Яндекс Маркете, и его выступление на Yandex BDUI Conf 2024. Валерий рассказал, как ребята строили дизайн-систему в BDUI и как она обычно выглядит в BDUI-подходах. А ещё о том, зачем ребята стали использовать DivKit, почему стали строить свою DSL, как пройти тот же путь и достичь хорошего результата.

https://youtu.be/IahXYZIERTM?si=ONWuJfTxpeipIFSh

Всем привет!

На этой неделе мы опубликовали минорный релиз DivKit 30.11.0. 👀

• На Android: поддержали поле reuse_id для галлереи и пейджера, а также починили рисование кастомной тени во время анимации.
• На iOS: также поддержали поле reuse_id, а также добавили информацию о числе элеменнов галлереи в scroll_event.

Изменений совсем немного и обо всех них можно узнать на страничке релиза и в отдельной заметке.

Мы желаем вам прекрасных выходных!
С любовью, команда DivKit ❤️

Всем привет!

Это Ольга Ким, CTO DivKit в Яндексе, и её выступление на Yandex BDUI Conf 2024. Ольга рассказала, какие изменения произошли в DivKit за год и куда движется проект, а ещё поделилась техническими деталями нашего инструмента разработки.

https://www.youtube.com/watch?v=qlccciiASCo&t=2s

Всем привет! В начале недели мы выпустили релиз 30.10.0!

В нём не много изменений:

На Android:
• div-stroke.width теперь имеет тип number.
• Теперь дамп, полученный через визуальное сообщение об ошибке, содержит JSON карточки и состояние всех глобальных переменных.

На iOS:
• Исправили инициализацию видеоплеера в VideoBlock.

Собственно, на этой неделе всё. В понедельник ждите релиз 30.11.0 с большим количеством интересных изменений!

Хороших выходных,
команда DivKit ❤️

Всем привет! Мы опубликовали DivKit 30.9.0!

На Android починили поворот тени: теперь, если div использует transformation , тень поворачивается вместе с объектом.

На Web сделали пару оптимизаций производительности.

Больше всего изменений на этот раз на iOS:
• path для элементов теперь формируется по единому принципу.
• Добавили div-base.layout_provider . Он позволяет записать реальные размеры view в переменную.
• Оптимизировали DivLastVisibleBoundsCache.

Подробнее описали изменения iOS в посте Telegraph.

Хорошей недели!
Команда DivKit ❤️

Всем привет!

На этой неделе мы опубликовали DivKit 30.8.0, который принёс несколько очень полезных обновлений:

• Android: Добавлена поддержка расширения markdown для текста, также исправлены проблемы с отображением теней.
• iOS: Добавлена поддержка локальных переменных и исправлен скролл в бесконечном pager.
• Web: Исправили несколько ошибок в вычислениях variables_triggers.

Полный список изменений можно посмотреть на отдельной страничке.

Желаем вам замечательных выходных,
С любовью, команда DivKit 🧡

Всем привет!

Мы опубликовали версию 30.7.0, в ней не очень много изменений, но как обычно есть интересные:

* На Android: Добавили поддержку свойства id в div-collection-item-builder.prototype.
* На iOS: Оптимизировали ExpressionResolver.
* На Web: Исправили изменение top_offset в text

Полный список изменений в Telegraph и на странице релиза на GitHub.

Отличной недели!
Ваша, команда DivKit 🩷

Всем привет!

На этой неделе мы опубликовали DivKit 30.6.0, на прошлой, кстати, был 30.5.0, он слегка потерялся, но мы сейчас быстро отметим важные изменения:

В релизе 30.5.0:
* На Android мы поддержали поле page_transformation, которое позволит менять внешний вид страниц элемента pager при листании. А также починили несколько багов, связанных с пейджером.
* На iOS мы представили переменную index для прототипов элементов в item_builder.
* В Web мы поддержали экшен array_set_value.

В релизе 30.6.0:
* На Android мы представили переменную index для прототипов элементов в item_builder.
* На iOS мы добавили метод DivVariableStorage.hasValue, а также поддержали свойство font_weight_value.
* В Web также поддержано свойство font_weight_value для текста в text , input , slider и select.

Подробнее о каждом из релизов можно почитать в отдельных статьях: 30.5.0 и 30.6.0.

Мы желаем вам прекрасных выходных,
С любовью, команда DivKit 🧡

Всем привет!
На этой неделе мы выпустили релиз 30.4.0! 🚀

Из интересных изменений:
- На всех платформах добавили action "dict_set_value" и метод "containsKey" для словарей.
- На андроид сделали несколько исправлений в pager
- На iOS поправили отступы у input и сравнение scrollRange в GalleryViewState

Как всегда, все изменения в отдельной статье.

Всегда на связи,
команда DivKit ❤️