Комментарии 29
Так нет ответа на вопрос — какая цель, кроме как "запилим библиотеку над фреймворком, который настройка над JS со своим блэкддеком и компонентами"?
Цель и история о том, как мы пришли к библиотеке, хорошо описаны в статье, которую я приводил в начале, «Как организовать работу над библиотекой общих компонентов». Там же можно почитать о плюсах библиотеки с выделенной командой.
Если вкратце, то было много команд и различных проектов, которым были нужны одинаковые компоненты в собственной дизайн системе. Чтобы не верстать одни и те же элементы интерфейса десятки раз, они сложены в библиотеку компонентов, обновляются в ней отдельной командой и легко переиспользуются всеми проектам
Если вкратце, то было много команд и различных проектов, которым были нужны одинаковые компоненты в собственной дизайн системе. Чтобы не верстать одни и те же элементы интерфейса десятки раз, они сложены в библиотеку компонентов, обновляются в ней отдельной командой и легко переиспользуются всеми проектам
Спасибо! Как раз вовремя.
А @taiga-ui/core используется «Как есть» в проектах тинькоффа? Или имеющийся в нём дизайн — это такой мок, чтоб можно было понять про что вообще речь в компоненте, а под конкретные проекты всегда создаёте кастомный контент?
Проекты используют эти же компоненты, но с другой дизайн темой — там корпоративные шрифты, цвета, скругления, тени и все такое. Если говорить о дизайне, то проекты его не кастомизируют — мы закладываем визуал в теме библиотеки, а проектные команды вставляют компоненты и завязывают на них свою бизнес логику. Это позволяет юзерам проще ориентироваться по приложению, потому что во всех его частях используются те же компоненты с одинаковым поведением :)
Понравился InputNumber. То что нужно для ввода сумм. Только не нашел выравнивания в поле ввода. Суммы часто принято выводить с выравниванием по правому краю.
Спасибо! Изначально это закладывалось, чтобы можно было просто повесить нативный CSS'ный `direction: rtl;`, но в текущей версии там есть некоторые проблемы с отображением постфикса и плейсхолдера в таком режиме. На это уже заведен issue, надеюсь скоро получится доработать этот момент
Имеется ввиду не rtl, а именно выравнивание. По дизайну было задумано такое поведение в табличном представлении, но в будущем добавим возможность задания выравнивания. Так же был запрос от англоязычных пользователей, чтобы знак валюты можно было ставить до суммы. Если у вас есть ещё какие-то конкретные предложения и замечания — забегайте в наш гитхаб :)
Прекрасная работа! Довольно интересно поизучать, спасибо!
А на чем сделан сам сайт с демо? Что то похожее на сторибук, своя разработка? Оно есть в оперсурс?
А на чем сделан сам сайт с демо? Что то похожее на сторибук, своя разработка? Оно есть в оперсурс?
Спасибо за фидбек и важный вопрос!
Демо сделано полностью с помощью пакета @taiga-ui/addon-doc. Это один из аддонов, в котором собран сет из компонентов и инструментов для сборки такой витрины. Документация пока не очень подробная по нему, но к нам всегда можно прийти с вопросом — подскажем и расширим ее. Еще ее можно полностью интернационализировать токенами на любой язык.
Демо сделано полностью с помощью пакета @taiga-ui/addon-doc. Это один из аддонов, в котором собран сет из компонентов и инструментов для сборки такой витрины. Документация пока не очень подробная по нему, но к нам всегда можно прийти с вопросом — подскажем и расширим ее. Еще ее можно полностью интернационализировать токенами на любой язык.
Обязательно ли оборочивать страницу приложения в tui-root?
Можно ли использовать некоторые компоненты, например календарь или number input, без этого внутри Ionic приложения?
Не обязательно, root позволяет работать с порталами — выпадашками, диалогами, нотификациями и т.п. Компоненты вроде отдельной простой кнопки, полей ввода или календря будут работать и без него.
По поводу Ionic подсказать не могу — у нас совсем нет пользователей на нем и нам с Сашей никогда не приходилось его использовать. Хотя теоретически должно завестись. Если попробуете и получится, пожалуйста, дайте знать. Если сломается, то обязательно пишите — постараемся решить проблемы
По поводу Ionic подсказать не могу — у нас совсем нет пользователей на нем и нам с Сашей никогда не приходилось его использовать. Хотя теоретически должно завестись. Если попробуете и получится, пожалуйста, дайте знать. Если сломается, то обязательно пишите — постараемся решить проблемы
А еще про root можно будет узнать подробнее буквально через одну-две недели. Саша выложит статью о принципах его работы и причинах появления (на английском уже, кстати, есть)
Root ещё подключает наши плагины (подробнее о них тут). Некоторые компоненты на это полагаются, так что лучше root подрубить, всё-таки, хотя бы модуль :)
Привет! Хорошие новости, подняли Ionic с Тайгой. Полет нормальный: stackblitz.com/edit/taiga-ui-ionic
Большое спасибо за статью!
Что вы думаете о Лерне и версионировании покомпонентно, а не всей библиотеки в целом?
Что вы думаете о Лерне и версионировании покомпонентно, а не всей библиотеки в целом?
Нам подход с версионированием по компонентам показался тяжелее — с таким количеством компонентов можно будет сойти с ума, когда начнутся конфликты версий и зависимости одного компонента от другого.
С другой стороны имеем синхронные версии — пользователям библиотеки просто нужно бампнуть версию и можно быть уверенным, что проблемы не возникнут.
В целом, наши addon'ы можно вести отдельно, потому что мы их нечасто обновляем. Но вот связку cdk/core/kit лучше синхронизировать
С другой стороны имеем синхронные версии — пользователям библиотеки просто нужно бампнуть версию и можно быть уверенным, что проблемы не возникнут.
В целом, наши addon'ы можно вести отдельно, потому что мы их нечасто обновляем. Но вот связку cdk/core/kit лучше синхронизировать
А где можно посмотреть пример для @taiga-ui/addon-table?
Привет! Пока там только два компонента:
taiga-ui.dev/tui-resizable-column
taiga-ui.dev/tui-table-pagination
Но у нас в планах на этот квартал доработать аддон до полноценного инструмента для работы со сложными таблицами со всякими перетаскиваниями, фильтраиями и прочим
taiga-ui.dev/tui-resizable-column
taiga-ui.dev/tui-table-pagination
Но у нас в планах на этот квартал доработать аддон до полноценного инструмента для работы со сложными таблицами со всякими перетаскиваниями, фильтраиями и прочим
В Figma community планируете что-то выложить?
Роман, спасибо за статью и библиотеку компонентов! Если не сложно, скажите почему вы выбрали Angular? В текущий момент принимаем решение какой framework использовать Angular/React/Vue.
Спасибо! Если вопрос к компании, то так исторически сложилось, что сервисы для физических лиц стали делать на реакте, а сервисы для юр. лиц на ангуляре.
Если лично ко мне, то я входил во фронтенд в начале 2018 года: тогда мне очень понравился TypeScript и в связке с Angular всё это выглядело серьезными и интересными технологиями (в дальнейшем оправдалось). После открыл для себя множество возможностей в ангуляре, подробно его изучил и открыл много отличных практик, которыми обычно и делюсь в статьях. Ангуляр мне очень удобен и позволяет быстро собрать интерфейс любой сложности, поэтому персонально меня всё более чем устраивает :)
Если лично ко мне, то я входил во фронтенд в начале 2018 года: тогда мне очень понравился TypeScript и в связке с Angular всё это выглядело серьезными и интересными технологиями (в дальнейшем оправдалось). После открыл для себя множество возможностей в ангуляре, подробно его изучил и открыл много отличных практик, которыми обычно и делюсь в статьях. Ангуляр мне очень удобен и позволяет быстро собрать интерфейс любой сложности, поэтому персонально меня всё более чем устраивает :)
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Taiga UI — библиотека компонентов под Angular, которую вам стоит попробовать