https://github.com/texmeijin/ui-npm-package-template

ReactベースでUIライブラリをnpmで公開するときのためのテンプレート
https://github.com/texmeijin/ui-npm-package-template

eslint npm-package react scaffdog storybook tailwindcss template ui-library

Last synced: 2 months ago
JSON representation

ReactベースでUIライブラリをnpmで公開するときのためのテンプレート

• Host: GitHub
• URL: https://github.com/texmeijin/ui-npm-package-template
• Owner: TeXmeijin
• Created: 2024-02-06T09:14:15.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-03-25T13:40:15.000Z (9 months ago)
• Last Synced: 2024-03-25T15:27:10.054Z (9 months ago)
• Topics: eslint, npm-package, react, scaffdog, storybook, tailwindcss, template, ui-library
• Language: TypeScript
• Homepage:
• Size: 712 KB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        
# UI library テンプレート

## 概要

ReactベースでUIライブラリを開発するときのテンプレートです。

## 技術選定

- React

- Tailwind CSS

- Storybook

- TypeScript

- ESLint

- Prettier

- PNPM

- Scaffdog

# How To Use

importして利用する側は、コンポーネントとCSSの両方をセットアップします。

```tsx

import '@texmeijin/ui-library-example/output.css'

```

```tsx

import {Text} from '@texmeijin/ui-library-example'

テキスト

```

# 解説

以下の項目について解説予定

- [ ] tsconfig.jsonの各種設定

- [ ] build.mjsによるesbuildの設定とesbuildをバンドラーに選んでいる背景

- [ ] package.jsonの設定

- [ ] GitHub Actionsの設定：Lintなど

- [ ] GitHub Actionsの設定：Storybookの自動デプロイ

- [ ] GitHub Actionsの設定：npmパッケージの自動デプロイ

- [ ] Storybookの設定

- [ ] Tailwind CSSの設定