Как стать автором
Обновить

Комментарии 29

Так нет ответа на вопрос — какая цель, кроме как "запилим библиотеку над фреймворком, который настройка над JS со своим блэкддеком и компонентами"?

Цель и история о том, как мы пришли к библиотеке, хорошо описаны в статье, которую я приводил в начале, «Как организовать работу над библиотекой общих компонентов». Там же можно почитать о плюсах библиотеки с выделенной командой.

Если вкратце, то было много команд и различных проектов, которым были нужны одинаковые компоненты в собственной дизайн системе. Чтобы не верстать одни и те же элементы интерфейса десятки раз, они сложены в библиотеку компонентов, обновляются в ней отдельной командой и легко переиспользуются всеми проектам
Спасибо! Как раз вовремя.
А @taiga-ui/core используется «Как есть» в проектах тинькоффа? Или имеющийся в нём дизайн — это такой мок, чтоб можно было понять про что вообще речь в компоненте, а под конкретные проекты всегда создаёте кастомный контент?
Проекты используют эти же компоненты, но с другой дизайн темой — там корпоративные шрифты, цвета, скругления, тени и все такое. Если говорить о дизайне, то проекты его не кастомизируют — мы закладываем визуал в теме библиотеки, а проектные команды вставляют компоненты и завязывают на них свою бизнес логику. Это позволяет юзерам проще ориентироваться по приложению, потому что во всех его частях используются те же компоненты с одинаковым поведением :)
Понравился InputNumber. То что нужно для ввода сумм. Только не нашел выравнивания в поле ввода. Суммы часто принято выводить с выравниванием по правому краю.
Спасибо! Изначально это закладывалось, чтобы можно было просто повесить нативный CSS'ный `direction: rtl;`, но в текущей версии там есть некоторые проблемы с отображением постфикса и плейсхолдера в таком режиме. На это уже заведен issue, надеюсь скоро получится доработать этот момент

Имеется ввиду не rtl, а именно выравнивание. По дизайну было задумано такое поведение в табличном представлении, но в будущем добавим возможность задания выравнивания. Так же был запрос от англоязычных пользователей, чтобы знак валюты можно было ставить до суммы. Если у вас есть ещё какие-то конкретные предложения и замечания — забегайте в наш гитхаб :)

Прекрасная работа! Довольно интересно поизучать, спасибо!
А на чем сделан сам сайт с демо? Что то похожее на сторибук, своя разработка? Оно есть в оперсурс?
Спасибо за фидбек и важный вопрос!

Демо сделано полностью с помощью пакета @taiga-ui/addon-doc. Это один из аддонов, в котором собран сет из компонентов и инструментов для сборки такой витрины. Документация пока не очень подробная по нему, но к нам всегда можно прийти с вопросом — подскажем и расширим ее. Еще ее можно полностью интернационализировать токенами на любой язык.

Обязательно ли оборочивать страницу приложения в tui-root?


Можно ли использовать некоторые компоненты, например календарь или number input, без этого внутри Ionic приложения?

Не обязательно, root позволяет работать с порталами — выпадашками, диалогами, нотификациями и т.п. Компоненты вроде отдельной простой кнопки, полей ввода или календря будут работать и без него.

По поводу Ionic подсказать не могу — у нас совсем нет пользователей на нем и нам с Сашей никогда не приходилось его использовать. Хотя теоретически должно завестись. Если попробуете и получится, пожалуйста, дайте знать. Если сломается, то обязательно пишите — постараемся решить проблемы
А еще про root можно будет узнать подробнее буквально через одну-две недели. Саша выложит статью о принципах его работы и причинах появления (на английском уже, кстати, есть)

Root ещё подключает наши плагины (подробнее о них тут). Некоторые компоненты на это полагаются, так что лучше root подрубить, всё-таки, хотя бы модуль :)

Привет! Хорошие новости, подняли Ionic с Тайгой. Полет нормальный: stackblitz.com/edit/taiga-ui-ionic
Выпадающий список с мультивыбором разве что болен эпилепсией. PS и в оригинале так же. Похоже проблема с анимацией.

О, спасибо! Попробую как будет время.


Демо очень достойно выглядит. Особо времени не было потыкать, но календарь похоже зачётный!

Большое спасибо за статью!
Что вы думаете о Лерне и версионировании покомпонентно, а не всей библиотеки в целом?
Нам подход с версионированием по компонентам показался тяжелее — с таким количеством компонентов можно будет сойти с ума, когда начнутся конфликты версий и зависимости одного компонента от другого.

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

В целом, наши addon'ы можно вести отдельно, потому что мы их нечасто обновляем. Но вот связку cdk/core/kit лучше синхронизировать

А где можно посмотреть пример для @taiga-ui/addon-table?

Привет! Пока там только два компонента:
taiga-ui.dev/tui-resizable-column
taiga-ui.dev/tui-table-pagination

Но у нас в планах на этот квартал доработать аддон до полноценного инструмента для работы со сложными таблицами со всякими перетаскиваниями, фильтраиями и прочим
В Figma community планируете что-то выложить?
Да, однажды дизайн основной темы Тайги выложим и в фигму
еще не выложили?
Спасибо. А чем обусловлен такой широкий набор шрифтов на основном сайте? font-family довольно большой.

Роман, спасибо за статью и библиотеку компонентов! Если не сложно, скажите почему вы выбрали Angular? В текущий момент принимаем решение какой framework использовать Angular/React/Vue.

Спасибо! Если вопрос к компании, то так исторически сложилось, что сервисы для физических лиц стали делать на реакте, а сервисы для юр. лиц на ангуляре.

Если лично ко мне, то я входил во фронтенд в начале 2018 года: тогда мне очень понравился TypeScript и в связке с Angular всё это выглядело серьезными и интересными технологиями (в дальнейшем оправдалось). После открыл для себя множество возможностей в ангуляре, подробно его изучил и открыл много отличных практик, которыми обычно и делюсь в статьях. Ангуляр мне очень удобен и позволяет быстро собрать интерфейс любой сложности, поэтому персонально меня всё более чем устраивает :)

Понял, спасибо!

Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.