Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

Создаем NPM библиотеку UI компонентов. React, Typescript, Storybook. Публикуем на GitHub Packages

Автор: Maxim Filanovich

Загружено: 2023-01-25

Просмотров: 6184

Описание:

✅ Залетай в приватное сообщество и забирай:

1. Гайд "Как получить оффер в Яндекс на 300k+ RUB на позицию Front-End?”.
2. Видео-записи всех 3-х этапов (JS, алгоритмы и архитектура) собеседования в Т-Банк на позицию Front-End на ЗП 3000$.
3. Записи собеседований в бигтех и другие IT компании.
4. Видео-разборы live-coding задач.

Все это найдешь здесь: https://t.me/easy_jobinterivew_fronte...

⬥Telegram-канал: https://t.me/maxim_webdev
⬥Instagram:   / maxim_webdev  

⬥Репозиторий с кодом: https://github.com/M-fil/ui-kit-test-lib
⬥Полезные материалы и упоминания из видео (начальный код, .npmrc файл, npm команды и др): https://t.me/maxim_webdev/29

Привет! В этом видео мы разработаем NPM библиотеку UI компонентов. Будем использовать такие технологии, как React, Typescript, Rollup, Storybook и др. Опубликуем библиотеку на GitHub Packages и установим ее через npm install.

00:00 - Начало. Зачем нужна библиотека UI-компонентов?
00:56 - Создаем GitHub-репозиторий
02:02 - Настраиваем конфигурацию rollup
26:22 - Настраиваем package.json для публикации библиотеки на GitHub Packages
32:22 - Публикуем библиотеку на GitHub Packages
37:04 - Устанавливаем библиотеку через npm install
41:09 - Публикуем новую версию библиотеки с исправленным багом
52:53 - Дополнение к видео, добавляем Storybook. Что такое Storybook?
54:10 - Настраиваем конфигурацию Storybook
59:53 - Создаем story для компоненты Accordion
01:07:07 - Публикуем Storybook на GitHub Pages
01:11:38 - Подводим итоги видео
01:12:17 - Спасибо за просмотр! Не забудьте поставить лайк и подписаться на канал!

Создаем NPM библиотеку UI компонентов. React, Typescript, Storybook. Публикуем на GitHub Packages

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

array(10) { [0]=> object(stdClass)#6062 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "AFA8CQ_iL_Q" ["related_video_title"]=> string(150) "Создаем UI-KIT с нуля на Storybook. Экспресс-гайд: от теории до публикации и использования" ["posted_time"]=> string(28) "10 месяцев назад" ["channelName"]=> string(27) "Алексей Сигеев" } [1]=> object(stdClass)#6035 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "4iME6tUYJEM" ["related_video_title"]=> string(137) "РЕАЛЬНОЕ СОБЕСЕДОВАНИЕ на SENIOR FRONT-END REACT разработчика | ОФФЕР на 400k RUB | Live Coding" ["posted_time"]=> string(27) "6 месяцев назад" ["channelName"]=> string(16) "Maxim Filanovich" } [2]=> object(stdClass)#6060 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "DQGleX6Cwaw" ["related_video_title"]=> string(62) "Максимальное унижение Зеленского" ["posted_time"]=> string(24) "14 часов назад" ["channelName"]=> string(27) "Анатолий Шарий" } [3]=> object(stdClass)#6067 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "xqr4JkVHY4U" ["related_video_title"]=> string(105) "Историческое решение по Украине / НАТО идёт в наступление" ["posted_time"]=> string(23) "5 часов назад" ["channelName"]=> string(10) "NEXTA Live" } [4]=> object(stdClass)#6046 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "aCQHUiFFd1k" ["related_video_title"]=> string(99) "Как создать и опубликовать библиотеку компонентов React" ["posted_time"]=> string(21) "2 года назад" ["channelName"]=> string(8) "loftblog" } [5]=> object(stdClass)#6064 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "7HDBL6HiVY0" ["related_video_title"]=> string(89) "LinkUp App. Github Workflow to Synchronize Front-End Changes. External Hosting for Images" ["posted_time"]=> string(24) "11 часов назад" ["channelName"]=> string(11) "Dev Reactor" } [6]=> object(stdClass)#6059 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "3w763aFC27s" ["related_video_title"]=> string(132) "⚡️ Кремль сорвал попытку ареста Путина || Срочная переброска войск НАТО" ["posted_time"]=> string(23) "5 часов назад" ["channelName"]=> string(23) "Время Прядко" } [7]=> object(stdClass)#6069 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "FN9UrysYkcg" ["related_video_title"]=> string(167) "⚡️12 МИНУТ НАЗАД! 20 цистерн с топливом взлетели на воздух! Взорван НПЗ и военная часть - НАКИ" ["posted_time"]=> string(23) "5 часов назад" ["channelName"]=> string(31) "Телеканал Прямий" } [8]=> object(stdClass)#6045 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "5QKy-zNhyvs" ["related_video_title"]=> string(122) "Разница между войной в Европе и на Ближнем Востоке (English subtitles) @Max_Katz" ["posted_time"]=> string(24) "15 часов назад" ["channelName"]=> string(19) "Максим Кац" } [9]=> object(stdClass)#6063 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "_sHvulfd4y8" ["related_video_title"]=> string(139) "4 ПРИНЦИПА ООП В TYPESCRIPT: ИНКАПСУЛЯЦИЯ, НАСЛЕДОВАНИЕ, ПОЛИМОРФИЗМ И АБСТРАКЦИЯ" ["posted_time"]=> string(21) "4 года назад" ["channelName"]=> string(16) "Maxim Filanovich" } }
Создаем UI-KIT с нуля на Storybook. Экспресс-гайд: от теории до публикации и использования

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

РЕАЛЬНОЕ СОБЕСЕДОВАНИЕ на SENIOR FRONT-END REACT разработчика | ОФФЕР на 400k RUB | Live Coding

РЕАЛЬНОЕ СОБЕСЕДОВАНИЕ на SENIOR FRONT-END REACT разработчика | ОФФЕР на 400k RUB | Live Coding

Максимальное унижение Зеленского

Максимальное унижение Зеленского

Историческое решение по Украине / НАТО идёт в наступление

Историческое решение по Украине / НАТО идёт в наступление

Как создать и опубликовать библиотеку компонентов React

Как создать и опубликовать библиотеку компонентов React

LinkUp App. Github Workflow to Synchronize Front-End Changes. External Hosting for Images

LinkUp App. Github Workflow to Synchronize Front-End Changes. External Hosting for Images

⚡️ Кремль сорвал попытку ареста Путина || Срочная переброска войск НАТО

⚡️ Кремль сорвал попытку ареста Путина || Срочная переброска войск НАТО

⚡️12 МИНУТ НАЗАД! 20 цистерн с топливом взлетели на воздух! Взорван НПЗ и военная часть - НАКИ

⚡️12 МИНУТ НАЗАД! 20 цистерн с топливом взлетели на воздух! Взорван НПЗ и военная часть - НАКИ

Разница между войной в Европе и на Ближнем Востоке (English subtitles) @Max_Katz

Разница между войной в Европе и на Ближнем Востоке (English subtitles) @Max_Katz

4 ПРИНЦИПА ООП В TYPESCRIPT: ИНКАПСУЛЯЦИЯ, НАСЛЕДОВАНИЕ, ПОЛИМОРФИЗМ И АБСТРАКЦИЯ

4 ПРИНЦИПА ООП В TYPESCRIPT: ИНКАПСУЛЯЦИЯ, НАСЛЕДОВАНИЕ, ПОЛИМОРФИЗМ И АБСТРАКЦИЯ

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]