open-index/open-npm huggingface dataset:
npm package: @opentj/jui
Description: Taiji UI framework(极 UI)
Latest version: 0.0.8

# jUI

Taiji UI framework(极 UI)

## 设计理念

@opentj/jUI

1. 使用 TailwindCSS 来进行定制式样，使用 StoryBook 的文档和低代码工具来帮助开发者
2. 优点：可以做到极简，能保证硬件不好时浏览器的响应速度
3. 缺点：使用难度较大，文档和低代码工具要求较高

对比

@qiuzhanghua/bui

1. 使用 Bulma 来进行定制，使用 StoryBook 的文档和低代码工具来帮助开发者
2. 优点：使用难度小，文档和低代码工具要求较低
3. 缺点：JS 代码更多，不能保证硬件不好时浏览器的响应速度

## 0. 创建项目

```bash
yarn create svelte jui
cd jui
yarn add -D svelte2tsx typescript
yarn add -D sb
yarn add -D tailwindcss postcss autoprefixer svelte-preprocess
npx tailwindcss init tailwind.config.cjs -p
mv postcss.config.js postcss.config.cjs
```

## 1. 开发

```bash
yarn dev  # --open
```

## 2. 构建

```bash
yarn build
```

## 3. 打包

```bash
yarn package
```

## 发布

```bash
# 先登录到npmjs.com
# npm login

npm publish --access public
```

---

## Add Storybook support

```bash
npx sb init
```

...

```bash
yarn storybook
```