@opentj/jui

jUI

Taiji UI framework(极 UI)

设计理念

@opentj/jUI

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

对比

@qiuzhanghua/bui

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

0. 创建项目

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. 开发

yarn dev  # --open

2. 构建

yarn build

3. 打包

yarn package

发布

# 先登录到npmjs.com
# npm login

npm publish --access public

---

Add Storybook support

npx sb init

...

yarn storybook