Публикации по теме 'component-libraries'


Что такое дизайн-система?
TL; DR: Design systems - это руководство по дизайну, которое приносит пользу программному обеспечению, коммуникациям, людям и бизнесу. Ведущие технологические компании в последние годы поделились своими правилами и соглашениями в области дизайна со всем миром, и одним из хорошо известных примеров является Material Design от Google. Как и в случае с материальным дизайном, есть Руководство по стилям Yelp, Рекомендации по человеческому интерфейсу от Apple и многое другое. Даже у..
5 библиотек компонентов, которые должен знать каждый разработчик React
5 библиотек компонентов React , которые помогут вам создать лучший пользовательский интерфейс. В этой статье я покажу вам 5 библиотек компонентов React , которые помогут вам создать лучший пользовательский интерфейс. Библиотеки компонентов — отличный способ быстро создавать приложения React с единообразным стилем. 1. МУИ Первая библиотека компонентов в нашем списке — MUI . MUI имеет обширный список из более чем 40 компонентов, что делает его идеальным для любого..
Taiga UI - это новый Angular UI Kit, который вам стоит попробовать
Привет, разработчики Angular! @Waterplea и я время от времени пишем статьи об Angular для inDepthDev. Мы написали почти все из них, основываясь на нашем опыте разработки большой библиотеки компонентов пользовательского интерфейса. Мы разрабатывали, рефакторинг и наращивали его в течение нескольких лет и тестировали наши идеи на большом количестве проектов в нашей компании. Мы рады сообщить, что опубликовали нашу библиотеку с открытым исходным кодом! В этой статье я хочу написать о..
Документы Storybook с поддержкой MDX и дополнительными ручками
Некоторое время мы использовали Storybook для документирования нашей библиотеки компонентов React , и, хотя нам это нравится, нам пришлось использовать различные пакеты дополнений и делать некоторые хитрые вещи, чтобы заставить компоненты показать то, что мы хотели. Storybook недавно претерпел большие изменения в управлении версиями, поэтому я сел обновить все с 5.0 до последней версии и посмотреть, что изменилось. После обновления всех пакетов npm сборника рассказов я вижу, что..
Как создать компонент Dropzone для файлов с помощью React
Вы когда-нибудь задумывались, как создать компонент dropzone для файлов с нуля, используя React? Как открыть диалог раздела файла в React? Вам интересно, как отслеживать события падения файлов? Если вы ответили утвердительно хотя бы 1 раз. Продолжить чтение… Настройка проекта Мы будем использовать мою конкретную настройку проекта, доступную здесь! Подробнее об этой настройке вы можете узнать в следующей статье . Теперь вперед, клонируйте репозиторий Github и приступим...
Библиотека компонентов (Vue 3 + накопительный пакет)
Это вторая часть создания библиотеки компонентов с использованием vue3 и накопительного пакета. мы будем создавать сводную конфигурацию, чтобы мы могли собрать нашу библиотеку. Давайте установим несколько необходимых нам библиотек. yarn add @babel/[email protected] @rollup/[email protected] @rollup/[email protected] @rollup/[email protected] @rollup/[email protected] @rollup/[email protected] @rollup/[email protected] @rollup/[email protected] [email protected]..
Создание библиотеки компонентов React и ее локальное тестирование
Когда я хотел создать библиотеку компонентов React, чтобы повторно использовать свой код, я прочитал много статей и пакетов, чтобы создать шаблон для простого создания и тестирования моей библиотеки компонентов, и я нашел несколько руководств по этому поводу, но большинство из них использовали npm link для общения между приложением для игровой площадки (приложение, которое должно быть платформой для проверки результата) и нашей библиотекой компонентов, и я обнаружил, что npm link..