𝕓𝕓𝕩 是一个极其简单高效的 React 状态管理方式
𝕓𝕓𝕩 是一个极其简单高效的 React 状态管理方式
React 其它杂项
共134Star
详细介绍
bbx
𝕓𝕓𝕩 是一个极其简单高效的 React 状态管理方式
开始使用:https://bbxjs.github.io/start/
特点
- 超简单
👶 : 了解 api 几乎没成本,会用 React 即会用 bbx,或许你已经会用了 - 清晰
🌞 : 状态管理清清楚楚,方法调用也直观明了 - 扩展性
🐣 : 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>
}
}