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

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

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 - Спасибо за просмотр! Не забудьте поставить лайк и подписаться на канал!