简介
rezult 是一个轻量级的前端状态管理工具。它提供了一个简单的 API，使得管理应用程序状态变得容易。rezult 遵循 Redux 原则，但是它更加轻量且易于使用。
安装
要安装 rezult，只需要在终端或者命令行输入以下命令：
npm install --save rezult
用法
初始化 store
要使用 rezult，需要先初始化一个 store。在初始化时，需要提供一个初始状态和一个 reducer 函数。
-- -------------------- ---- -------
------ ------ ---- ---------
----- ------------ - -
------ --
------ --
--
----- ------- - ------- ------- -- -
------ ------------- -
---- ------------
------ -
---------
------ ----------- - -
--
---- ------------
------ -
---------
------ ----------- - -
--
---- -----------
------ -
---------
------ ---------------- ---------------
--
--------
------ ------
-
--
----- ----- - --- -------------------- ---------获取 state
要获取 store 中的 state，只需要调用 getState 方法。
const state = store.getState();
触发 action
要触发一个 action，只需要调用 dispatch 方法，并提供一个包含 type 和 payload 属性的对象。
store.dispatch({ type: "INCREMENT" });
store.dispatch({ type: "ADD_TODO", payload: { text: "learn rezult" } });监听 state 变化
要监听 store 中的 state 变化，只需要调用 subscribe 方法，并提供一个回调函数。
store.subscribe(() => {
const state = store.getState();
console.log(state);
});示例代码
下面是一个使用 rezult 管理计数器和待办事项的完整示例。
-- -------------------- ---- -------
------ ------ - -------- - ---- --------
------ ------ ---- ---------
----- ------------ - -
------ --
------ --
--
----- ------- - ------- ------- -- -
------ ------------- -
---- ------------
------ -
---------
------ ----------- - -
--
---- ------------
------ -
---------
------ ----------- - -
--
---- -----------
------ -
---------
------ ---------------- ---------------
--
--------
------ ------
-
--
----- ----- - --- -------------------- ---------
----- ------- - -- -- -
----- ------- --------- - ------------
----- --------------- - -- -- -
---------------- ----- ----------- ---
--
----- --------------- - -- -- -
---------------- ----- ----------- ---
--
------------------ -- -
----- ----- - -----------------
----------------------
---
------ -
-----
----------------
------- ------------------------------------
--------------------
------- ------------------------------------
------
--
--
----- -------- - -- -- -
----- ------- --------- - -------------
----- ------------ - - -- -
-------------------
---------------- ----- ----------- -------- - ----- ------------------- - ---
------------------- - ---
--
------------------ -- -
----- ----- - -----------------
----------------------
---
------ -
-----
-------- ---------
----- ------------------------
------ ----------- ----------- --
------- --------------------------
-------
----
--------------- -- -
--- --------------------------------
---
-----
------
--
--
----- --- - -- -- -
------ -
-----
-------- --
--------- --
------
--
--
------ ------- ----总结
rezult 是一个在前端开发中非常有用的工具，它使得管理应用程序状态变得更加容易。通过本文，您已经学习了如何使用 rezult，包括初始化 store、获取 state、触发 action 和监听 state 变化，同时还提供了一个完整的示例代码。通过使用 rezult，您将能够更有效地管理应用程序状态，从而提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f3c6cafdbf7be33b2567098