Запись на наставничество, консультацию, или тестовое собеседование: https://sigeev.ru/
В видео разберёмся чем отличается подход к работе на фрилансе и в большой компании, зачем нужна дизайн-система и 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 в проекте
Полезные ссылки:
Мои услуги: https://sigeev.ru/
tg-канал: https://t.me/+RIFfH6Wx0GdlYmFi
Репозиторий с кодом: https://github.com/alex173828/sigeev-ui-kit/
Дизайн-система: https://www.figma.com/community/file/822070817360747147
Cборщик проекта: https://vitejs.dev/guide/
npm: https://npmjs.com/