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

В этом видео мы рассмотрим процесс создания вашей собственной библиотеки компонентов React используя TSDX, Typescript, Testing Library React, выложим ее на Github, задеплоим Storybook на Githab Pages и опубликуем в NPM с помощью Semantic Release.
Материалы для видео
Сайт TSDX - tsdx.io/
Storybook Github Actions workflow - gist.github.com/alpavlove/45f...
Semantic Release Github Actions workflow - semantic-release.gitbook.io/s...

[@murcha5899]

какое годное видео!!! спасибо, добрый человек!

[@user-xw8ur4sc6t]

красота!!! большое спасибо... как раз поставили задачу сделать ui библиотеку

[@Bugagych]

Какая версия ноды? У меня не запускается сторибук. и в файле стори, ругается на Story. В 8 версии уже нет.

[@user-st6gx4fv1k]

А как сделать, чтобы компоненты работали и на next js?

[@SYVlive]

не хватает примера использования либы компонентов в каком-либо проекте. Есть ли там нюансы, как делать оптимальные экспорты для удобного импорта?

[@kovaldn]

Привет. Спасибо за вопрос.
Импортировать компонент из библиотеки в примере можно вот так:
import { Button } from 'my-react-lib'
import 'my-react-lib/dist/my-react-lib.cjs.development.css'
Что касательно оптимизации, то TSDX использует инструменты оптимизации Rollup и Babel. Подробнее об этом можно почитать на сайте TSDX в разделе Optimization (к сожалению не могу приложить ссылку). Однако три-шейкинг имеет некоторые подводные камни. Подробнее об этом пишет один из мейнтейнеров TSDX на Github в issue номер 992

[@murcha5899]

@@kovaldn столкнулась с проблемой, что в самом начала не могут установиться node modules...долго достаточно жду, пробовала сначала... но безуспешно

[@madiyaar]

tsdx заброшенный проект. последняя версия выходила в 2020. автор проекта сейчас работает над turborepo

[@user-zw6bd5wo6t]

Какую альтернативу можешь посоветовать?