prometheus
prometheus是基于趣店设计体系的 React UI 组件库,服务于企业级产品的设计体系,基于确定和自然的设计价值观上的模块化解决方案,让设计者和开发者专注于更好的用户体验。该组件库分为prometheus
与prometheus-ui
,相互结合使得react
组件封装化静为动。
安装
$ yarn @qfed/prometheus
用 vscode 为了获得更好的体验要安装 TSlint extensions
引用 prometheus 例子
import React from "react"
import ReactDOM from "react-dom"
import { Button, IButtonProps } from "@qfed/prometheus"
class ButtonDemo extends React.Component {
state = {}
render() {
const props: IButtonProps = { name: "q-button", width: 111 }
return (
<div>
<div className="q-icon-Choice" />
<h1>h1</h1>
<Button {...props} />
<h2>h2</h2>
<h3>h3</h3>
</div>
)
}
}
ReactDOM.render(<ButtonDemo />, document.getElementById("root"))
lerna
- 安装依赖
$ lerna bootstrap
; - 开发
$ lerna link --force-local
将 packages 间的依赖链接到本地。(比如 prometheus 依赖 prometheus-ui ,链接到本地之后在 prometheus-ui 的修改直接作用到 prometheus 中忽略版本;