Создаем UI-KIT с нуля на Storybook. Экспресс-гайд: от теории до публикации и использования

Друзья, вы можете больше узнать обо мне и моих услугах на сайте
Также вы можете сразу узнать о интересующей вас услуге: Менторство:
Консультация:
Тестовое собеседование (frontend):
tg-канал:
В видео разберёмся чем отличается подход к работе на фрилансе и в большой компании, зачем нужна дизайн-система и ui-kit, а также создадим свой минимальный ui-kit на стеке React + Typescript + Storybook. Таймкоды: 00:00 - О чем видео 00:25 - Фриланс vs Большая компания 02:53 - Дизайн-система и ui-kit 04:08 - Обзор дизайн-системы и storybook 04:47 - Инициализация проектов 06:55 - Обзор UI сторибука 07:26 - Создание переменных для стилей 09:37 - Создание иконок 10:25 - Создание компонента 14:17 - Создание историй компонента 16:53 - Создание документации вручную 17:44 - Публикация ui-kit 20:53 - Использование ui-kit в проекте Полезные ссылки: Мои услуги:
tg-канал:
Репозиторий с кодом:
Дизайн-система:
Cборщик проекта:
npm:

Смотрите также