Из-за периодической блокировки нашего сайта РКН сервисами, просим воспользоваться резервным адресом:
Загрузить через dTub.ru Загрузить через ClipSaver.ruУ нас вы можете посмотреть бесплатно Создаем UI-KIT с нуля на Storybook. Экспресс-гайд: от теории до публикации и использования или скачать в максимальном доступном качестве, которое было загружено на ютуб. Для скачивания выберите вариант из формы ниже:
Роботам не доступно скачивание файлов. Если вы считаете что это ошибочное сообщение - попробуйте зайти на сайт через браузер google chrome или mozilla firefox. Если сообщение не исчезает - напишите о проблеме в обратную связь. Спасибо.
Если кнопки скачивания не
загрузились
НАЖМИТЕ ЗДЕСЬ или обновите страницу
Если возникают проблемы со скачиванием, пожалуйста напишите в поддержку по адресу внизу
страницы.
Спасибо за использование сервиса savevideohd.ru
Друзья, вы можете больше узнать обо мне и моих услугах на сайте https://sigeev.ru Также вы можете сразу узнать о интересующей вас услуге: Менторство: https://sigeev.ru/#/services/mentoring Консультация: https://sigeev.ru/#/services/consulta... Тестовое собеседование (frontend): https://sigeev.ru/#/services/tech-int... tg-канал: https://t.me/sigeev_frontend В видео разберёмся чем отличается подход к работе на фрилансе и в большой компании, зачем нужна дизайн-система и 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-... Дизайн-система: https://www.figma.com/community/file/... Cборщик проекта: https://vitejs.dev/guide/ npm: https://npmjs.com/