bbx

𝕓𝕓𝕩 是一个极其简单高效的 React 状态管理方式

开始使用

超简单 👶

了解 api 几乎没成本,会用 React 即会用 bbx,或许你已经会用了

清晰 🌞

状态管理清清楚楚,方法调用也直观明了。

扩展性 🐣

bbx 内置了许多项目开发中常用的方法,当然你也能很方便的开发更多的方法

使用就是那么简单

安装

$ npm install bbx

使用

  1. 定义一个状态类
import { State } from 'bbx';

class Hello extends State {
  state = { say: 'hello 👶' }
  hi() { this.setState({ say: 'hi !' }) }
}
  1. 实例化这个类
const hello = new Hello();
  1. 连接这个实例到 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>
  }
}

在线查看可运行的代码