# jUI

**Repository Path**: opentj/jui

## Basic Information

- **Project Name**: jUI
- **Description**: UI Framework
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-05-25
- **Last Updated**: 2022-07-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 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
```