В чем разница между UI-китом и дизайн-системой? Как отличить хорошую дизайн-систему от подделки? Как мотивировать себя делать pet-проект длиной в два года?
В выдуманной студии:
The Goose: Дима Коваленко https://twitter.com/dmtrKovalenko
The Duck: Влад Шилов https://twitter.com/Omgovich
The Гость: Дмитрий Беляев https://twitter.com/blvdmitry
Таймкоды:
– Приветствие
– Что такое дизайн-система
– Разница между UI Kit и дизайн-системой
– Философия в дизайн-системах
– Формулировки
– Про Arcade Design
– Как долго заниматься своим проектом
– Мотивация через сайд-проекты
– Важны ли технологии
– Фреймворк для дизайн-системы
– Обязательно ли все выкладывать на GitHub
– Headless
– Кастомизация компонентов
– Готовые дизайн-системы и корпоративный стиль
– Монетизация дизайн-систем
– Продвижение и ProductHunt
– Анонс от Димы Коваленко
– Как выбрать хорошую open source дизайн-систему
– Тестирование
Ссылки:
Arcade: https://arcade.design/
Design System Checklist: https://www.designsystemchecklist.com/
Material Design: https://material.io/
Material UI: https://material-ui.com/
Магазин Material UI: https://material-ui.com/store/
Chakra UI: https://chakra-ui.com/
Chakra UI Pro: https://pro.chakra-ui.com/
And Design: https://ant.design/
Reach UI: https://reach.tech/
Headless UI: https://headlessui.dev/
Reakit: https://reakit.io/
Radix UI: https://www.radix-ui.com/
Дима Беляев о Faceless/Headless UI на React Day Berlin 2018: https://youtu.be/Lzb28YoKSoc?t=484
Дима Беляев о дизайн-системах на React Amsterdam 2020: https://youtu.be/G4mui3OCMVA?t=1151
