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

Описание

⬥Telegram-канал: https://t.me/maxim_webdev
⬥Instagram: https://www.instagram.com/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 - Спасибо за просмотр! Не забудьте поставить лайк и подписаться на канал!