Публикации по теме 'design-systems'


Как создаются дизайн-системы: делимся собственным примером. Часть 1.
Как создаются дизайн-системы: делимся собственным примером. Часть 1 Всем привет. Меня зовут Дмитрий Пашкевич, я фронтенд-разработчик в компании Quadcode, специализируюсь на создании и разработке систем проектирования. Эта статья предназначена для специалистов разного уровня, занимающихся дизайн-системами: от потребителей и разработчиков компонентов до тимлидов/техлидов, создающих дизайн-системы с нуля. Здесь я поделюсь своим опытом, и пройденным мной путем от создания UI-китов до..

Как тесты могут помочь вам в создании собственного UI-кита.
Для тех, кто не любит долгих вступлений, сразу к выводам — пишите тесты для ваших компонентов. Серьезно, это все, что я хочу сказать. Но не будем относиться к этому слишком серьезно, представим, что это выводы теоремы, фронтенд-теоремы. А теперь нам нужно будет собрать доказательства. Итак, представим. Что общего в IT-разработке, не только во фронтенде, бэкенде или дизайне, языках программирования, управлении, методологиях и так далее? Я думаю, что есть один главный принцип —..

Компонентно-ориентированная разработка для фронтенд-команд
Разработка на основе компонентов для клиентских команд Сложная система, которая работает, всегда оказывается развившейся из простой системы, которая работала. Сложная система, разработанная с нуля, никогда не работает, и ее нельзя исправить, чтобы она заработала. Вы должны начать с работающей простой системы. — Закон Галла ЦЕЛЬ Цель этой статьи — помочь вам и вашей команде понять, почему вы должны использовать компоненты, как использовать компоненты и когда вы должны..

Многоразовый компонент ввода в Angular с обработкой ошибок, идеально подходящий для библиотек компонентов с…
Если вы предпочитаете видеть статью на испанском языке, вы можете нажать здесь: Ввод компонентов можно повторно использовать в Angular с ошибками, идеально подходит для библиотек… 🚀 ¡Внимание сообществу Angular! 🚀 medium.com 🚀 Внимание Angular-сообщество! 🚀 В настоящее время я создаю эксклюзивный шаблон для Angular 16 : учитывая лучшие практики программирования, я создал мощный ресурс, подкрепленный более чем 40 ссылками на..

Преимущества использования TS Generics в вашей дизайн-системе
Система дизайна является важнейшим строительным блоком целостного впечатления от любой организации. И использование TypeScript становится одной из стандартных практик. Сегодня я хотел поговорить об одном из случаев использования, о котором я недавно узнал, когда компонент системы дизайна должен работать с переданными ему данными. Но в целом компонент не знает тип передаваемых ему данных. Мы можем только проверить ошибки, чтобы убедиться, что мы не нарушаем работу приложения,..

Что такое дизайн-система?
TL; DR: Design systems - это руководство по дизайну, которое приносит пользу программному обеспечению, коммуникациям, людям и бизнесу. Ведущие технологические компании в последние годы поделились своими правилами и соглашениями в области дизайна со всем миром, и одним из хорошо известных примеров является Material Design от Google. Как и в случае с материальным дизайном, есть Руководство по стилям Yelp, Рекомендации по человеческому интерфейсу от Apple и многое другое. Даже у..

Как постепенно построить дизайн-систему
Создание дизайн-системы как побочный эффект вашей повседневной работы Что такое дизайн-система? Дизайн-система - это развивающийся единый источник истины для людей и команд, которые участвуют в создании продуктов, сгруппированных под одним брендом или визуальным языком (более абстрактного, чем это, нет). Система дизайна может состоять из повторно используемых функциональных и графических компонентов, таких как символы, шрифты, файлы CSS, изображения и компоненты кода..