Redue

轻量 · 直观 · 高效

什么是 Redue?

Redue 是一个受 Redux 启发但更简洁的状态管理工具,专为不需要复杂中间件或大型生态的小型到中型 Web 应用而设计。 它使用原生 JavaScript 实现,零依赖,易于上手,适合快速原型开发或教学用途。

核心特性

轻量

仅 1KB(gzip 后),无任何外部依赖。

易用

API 极简:createStore、dispatch、subscribe。

可预测

单一状态树 + 纯函数 reducer,状态变化清晰可控。

快速开始

// 创建 store

const store = Redue.createStore((state = { count: 0 }, action) => {

  if (action.type === 'INCREMENT') {

    return { count: state.count + 1 };

  }

  return state;

});



// 订阅状态变化

store.subscribe(() => {

  console.log('当前状态:', store.getState());

});



// 触发更新

store.dispatch({ type: 'INCREMENT' });

实时演示

点击下方按钮,体验 Redue 如何管理状态:

计数: 0