CSS Modulesの型を生成する
CSS Modulesを型安全にする仕組み
zenn.dev
![CSS Modulesを型安全にする仕組み](/_next/image?url=https%3A%2F%2Fpublic-content.hackersheet.com%2Fwebsite-og-images%2Fff9f91c5-f4dd-4ea2-8181-eeb7e2430b54.png&w=3840&q=75)
【React / TypeScript】CSS modulesの型を生成する | Offers Tech Blog
zenn.dev
![【React / TypeScript】CSS modulesの型を生成する | Offers Tech Blog](/_next/image?url=https%3A%2F%2Fpublic-content.hackersheet.com%2Fwebsite-og-images%2Fdec88c87-13ba-4b87-b70f-6cce8b731975.png&w=3840&q=75)
npmでReactコンポーネントパッケージを作る
Publish Your React Component to NPM
How to publish React Component with Tailwind CSS and tsup as module bundle on NPM
medium.com
![Publish Your React Component to NPM](/_next/image?url=https%3A%2F%2Fpublic-content.hackersheet.com%2Fwebsite-og-images%2F9b1b5427-5d23-471d-9f6a-86ada047ac07.png&w=3840&q=75)
GitHub - TimMikeladze/tsup-react-package-starter: 📦 Develop & publish React or Typescript packages with ease. PostCSS, Vitest & Storybook support out of the box. Integrates with Github releases and automatically publishes to NPM. Code is built using tsup.
📦 Develop & publish React or Typescript packages with ease. PostCSS, Vitest & Storybook support out of the box. Integrates with Github releases and automatically publishes to NPM. Code is b...
github.com
![GitHub - TimMikeladze/tsup-react-package-starter: 📦 Develop & publish React or Typescript packages with ease. PostCSS, Vitest & Storybook support out of the box. Integrates with Github releases and automatically publishes to NPM. Code is built using tsup.](/_next/image?url=https%3A%2F%2Fpublic-content.hackersheet.com%2Fwebsite-og-images%2Fa34417d5-6e6f-492e-87b9-ff49fec76d9f.png&w=3840&q=75)
tsupでReactのクライアントコンポーネントをビルドする場合
npmパッケージで "use client"
をつけたクライアントコンポーネントを公開する時、tsupでビルドする場合に設定を工夫しないとコンポーネントから "use client"
の記述が消えてしまう場合がある。この時パッケージの利用側では使えずにエラーになってしまう。
Build react package for use in nextjs 13 · Issue #835 · egoist/tsup
I tried create a package with ui components for use in Nextjs 13 web app, but I can't build components with "use client" in the beginning of code, like that: "use client" import * as AspectRatioPri...
github.com
![Build react package for use in nextjs 13 · Issue #835 · egoist/tsup](/_next/image?url=https%3A%2F%2Fpublic-content.hackersheet.com%2Fwebsite-og-images%2F29d0e98a-2a5e-4349-bb75-477b0502729d.png&w=3840&q=75)
Kuma UI はどのように React Server Components をサポートしているのか
zenn.dev
![Kuma UI はどのように React Server Components をサポートしているのか](/_next/image?url=https%3A%2F%2Fpublic-content.hackersheet.com%2Fwebsite-og-images%2F1a4defc1-e2b7-434b-96a5-86cb1cc80a27.png&w=3840&q=75)
esm, cjsのファイルを同じ階層に置いてしまうとエラーになる
ESM packages need to be imported
上記のエラーが発生する。まだ整理できていないが、dist/esm、dist/cjsと分けることで解決している。