bbxjs / Bbx
𝕓𝕓𝕩 是一个极其简单高效的 React 状态管理方式
Stars: ✭ 134
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Bbx
Rodux
A state management library for Roblox Lua inspired by Redux
Stars: ✭ 92 (-31.34%)
Mutual labels: state
Rki Covid Api
🦠🇩🇪📈 An API for the spread of covid-19 in Germany. Data from Robert-Koch-Institut.
Stars: ✭ 98 (-26.87%)
Mutual labels: state
Stencil Store
Store is a lightweight shared state library by the StencilJS core team. Implements a simple key/value map that efficiently re-renders components when necessary.
Stars: ✭ 107 (-20.15%)
Mutual labels: state
React Workshop
⚒ 🚧 This is a workshop for learning how to build React Applications
Stars: ✭ 114 (-14.93%)
Mutual labels: state
Finity
A finite state machine library for Node.js and the browser with a friendly configuration DSL.
Stars: ✭ 88 (-34.33%)
Mutual labels: state
Swiftdux
Predictable state management for SwiftUI applications.
Stars: ✭ 130 (-2.99%)
Mutual labels: state
Clean State
🐻 A pure and compact state manager, using React-hooks native implementation, automatically connect the module organization architecture. 🍋
Stars: ✭ 107 (-20.15%)
Mutual labels: state
100 Words Design Patterns Java
GoF Design Patterns, each pattern described with story from real life.
Stars: ✭ 117 (-12.69%)
Mutual labels: state
Vue State Store
📮 VSS (Vue State Store) - Vue State Management (with Publish & Subscribe pattern)
Stars: ✭ 128 (-4.48%)
Mutual labels: state
Ecno
Ecno is a task state manager built on top of UserDefaults in pure Swift 4.
Stars: ✭ 92 (-31.34%)
Mutual labels: state
Stateshot
💾 Non-aggressive history state management with structure sharing.
Stars: ✭ 128 (-4.48%)
Mutual labels: state
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>
}
}
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].