nekrtemplar

14 сентября 2020, Санкт-Петербург

# Понедельник 22 твита

Всем привет! Меня зовут Артур и я фронтенд разработчик.

Сейчас руковожу несколькими фронтенд командами в… twitter.com/i/web/status/1…

8:27

Изначально, VKUI это библиотека UI-компонентов с интерфейсом мимикрирующим под нативный Android и iOS. Она поддержи… twitter.com/i/web/status/1…

8:37

VKUI написан на React, TypeScript и CSS. Про CSS мы ещё поговорим отдельно.

Из примеров экранов на VKUI: если в м… twitter.com/i/web/status/1…

8:51

VKUI следует принципу что разработчик использующий библиотеку -- лучше знает что ему нужно. Поэтому мы не стараемся… twitter.com/i/web/status/1…

9:17

Кстати, чуть не забыл, вот собственно ссылка на сам VKUI github.com/VKCOM/VKUI

9:17
Кстати, чуть не забыл, вот собственно ссылка на сам VKUI github.com/VKCOM/VKUI
9:17
@jsunderhood вкуй - хороший нейминг
9:27
@jsunderhood есть пара вопросов:
1) сколько разработчиков и сколько времени ушло на разработку ДС? на текущий момен… twitter.com/i/web/status/1…
9:43
@amel_true @MrFlashAccount @jsunderhood Там могут храниться настройки специфичные для проекта, например настроенный… twitter.com/i/web/status/1…
11:42
@jsunderhood А какой принцип сортировки импортов? Почему подключение библиотек перемешано с подключением локальных компонентов?
11:47
@jsunderhood Сейчас, я так понимаю, код всегда собирается почти под все браузеры, если посмотреть на package.json и… twitter.com/i/web/status/1…
11:49
@jsunderhood @vkontakte Vkui принес мне много боли в одно время :(
Надеюсь сейчас либа не такая проблемная, как пол года назад
11:51
VKUI следует принципу что разработчик использующий библиотеку -- лучше знает что ему нужно. Поэтому мы не стараемся… twitter.com/i/web/status/1…

Про дизайн и дизайн-систему - дизайнеры работают вместе с разработчиками над её развитием. Это проявляется в том, ч… twitter.com/i/web/status/1…

VKUI следует принципу что разработчик использующий библиотеку -- лучше знает что ему нужно. Поэтому мы не стараемся… twitter.com/i/web/status/1…

12:12

Дизайн, конечно же, делается не только для VKUI в вебе, но и для нативных имплементаций. С момента создания веб-биб… twitter.com/i/web/status/1…

12:19

Сейчас можно сказать что у нас единый, кросс-платформленный design language. Ну почти, но мы к этому идём.

Кстати,… twitter.com/i/web/status/1…

12:20
Про дизайн и дизайн-систему - дизайнеры работают вместе с разработчиками над её развитием. Это проявляется в том, ч… twitter.com/i/web/status/1…

Про универсализацию. Сейчас стабильная версия VKUI под номером 3.

Эта версия всё ещё только для мобильных устройст… twitter.com/i/web/status/1…

Про дизайн и дизайн-систему - дизайнеры работают вместе с разработчиками над её развитием. Это проявляется в том, ч… twitter.com/i/web/status/1…

12:49

Как можно понять -- это не совсем универсально. Поэтому, примерно в начале этого года мы начали разрабатывать 4ую в… twitter.com/i/web/status/1…

13:25

4ая версия сейчас находится в бете. Однако, мы уже делаем на ней новые продукты. Один из примеров это… twitter.com/i/web/status/1…

13:45
4ая версия сейчас находится в бете. Однако, мы уже делаем на ней новые продукты. Один из примеров это… twitter.com/i/web/status/1…

Кому же нужен этот ваш VKUI, дизайн-система заточенная под VK и его интерфейсы.

Я бы сказал, что он может пригодит… twitter.com/i/web/status/1…

4ая версия сейчас находится в бете. Однако, мы уже делаем на ней новые продукты. Один из примеров это… twitter.com/i/web/status/1…

17:18

Miniapps это такие веб-приложения которые открываются внутри VK. Но на самом деле не только внутри VK. Мы сейчас ст… twitter.com/i/web/status/1…

17:27

Вот тут, кстати, наш инструмент для созданий мини-приложений: github.com/VKCOM/create-v…

17:28

# Вторник 2 твита

Сегодня попробуем поговорить про внутренности VKUI.

Сейчас, в библиотеке очень специфичная работа с экранами прило… twitter.com/i/web/status/1…

8:22

Экраны обычно формируются из комбинаций <View> и <Panel> компонентов, примерно так:

<View>
<Panel>
<Panel>
<… twitter.com/i/web/status/1…

8:22

other