简介
raso是一个通用的状态管理库。通过raso，你可以轻松地管理你的应用程序的状态，从而使得你的代码更加清晰易懂，并且更加易于维护。
安装
raso 可以通过npm进行安装，使用以下命令即可：
npm install raso --save
基础用法
使用 raso，你需要创建一个rason对象，并且指定初始的状态。
import Raso from 'raso'
const initialState = {
count: 0
}
const store = new Raso(initialState)现在，你可以通过store来获取和更新你的状态数据：
// 获取状态
const count = store.get('count')
// 更新状态。更新后，store中的状态数据也会同步更新
store.set('count', count + 1)高级用法
raso支持使用类似redux的reducers和actions。这样，你可以更好地组织你的代码，并且更加易于维护。
定义 State
在使用reducers和actions之前，你需要先定义一个state，请看以下示例：
const initialState = {
count: 0,
name: '',
todos: []
}定义 Reducer
reducer是一个函数，它接受两个参数，一个是当前state，一个是action，返回一个新的state。请看以下示例：
-- -------------------- ---- -------
-------- -------------- ------- -
------------------- -
---- ------------
------ - --------- ------ ----------- - - -
---- ----------
------ - --------- ----- -------------- -
---- ----------
------ - --------- ------ ---------------- --------------- -
--------
------ -----
-
-定义 Actions
action是一个对象，它至少要包含一个type属性。在raso中，你可以使用store.dispatch函数来发出一个action，store会自动调用reducer来更新state。请看以下示例：
-- -------------------- ---- -------
-- ----------------
----------------
----- -----------
--
----------------
----- ----------
-------- -------
--
----------------
----- ----------
-------- -
--- --
----- ------ -----
-
--订阅
你可以在store上订阅state的变化。每当store的state发生变化时，你传入的回调函数就会被调用。请看以下示例：
// 定义一个回调函数
function onStateChange() {
const count = store.get('count')
console.log(`Current Count: ${count}`)
}
// 订阅store的变化
store.subscribe(onStateChange)示例代码
-- -------------------- ---- -------
------ ---- ---- ------
----- ------------ - -
------ --
----- ---
------ --
-
-------- -------------- ------- -
------------------- -
---- ------------
------ - --------- ------ ----------- - - -
---- ------------
------ - --------- ------ ----------- - - -
---- ----------
------ - --------- ----- -------------- -
---- ----------
------ - --------- ------ ---------------- --------------- -
--------
------ -----
-
-
----- ----- - --- ------------------
---------------- ----- ----------- --
---------------- ----- ---------- -------- ------- --
---------------- ----- ---------- -------- - --- -- ----- ------ ----- - --
-------------------- -------- -----------------
-------- --------------- -
----- ----- - ------------------
-------------------- ------ ----------
-
------------------------------
---------------- ----- ----------- --
---------------- ----- ----------- --总结
通过本文，你已经学习了如何使用raso来管理你的应用状态。使用raso，你可以更加清晰地组织你的代码，并且让你的代码更加易于维护。同时，raso还提供了许多高级用法，例如reducers、actions、订阅等等，可以让你更加灵活地应用它去解决你的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fb281e8991b448dd00c