𝕓𝕓𝕩 是一个极其简单高效的 React 状态管理方式
开始使用:https://bbxjs.github.io/start/
- 超简单:baby:: 了解 api 几乎没成本,会用 React 即会用 bbx,或许你已经会用了
- 清晰:sun_with_face:: 状态管理清清楚楚,方法调用也直观明了
- 扩展性:hatching_chick:: bbx 内置了许多项目开发中常用的方法,当然你也能很方便的开发更多的方法
$ npm install bbx
- 定义一个状态类
import { State } from 'bbx';
class Hello extends State {
state = { say: 'hello 👶' }
hi() { this.setState({ say: 'hi !' }) }
}
- 实例化这个类
const hello = new Hello();
- 连接这个实例到 React 组件
import { connect } from 'bbx';
@connect(hello)
class App extends React.Component {
render() {
return <div>
{hello.state.say}
<button onClick={() => hello.hi()}>hi</button>
</div>
}
}