随着前端技术的不断发展， npm 成为了前端开发必备的工具之一，大量的第三方包可以极大地提高我们的开发效率和代码质量。其中，mherradora 是一个非常实用的 npm 包，可以用于快速的创建和管理模块的状态。
什么是 mherradora
mherradora 是一个为模块管理状态提供的 JavaScript 库。它提供了一个简单且易于使用的 API，可帮助你管理单个模块中的状态。
如何安装
使用 npm 安装：
--- - ----------
如何使用
mherradora 的使用非常简单，只需要一些基本的代码就可以完成状态的管理。
首先，在你的项目中导入 mherradora 包：
----- ----- - ----------------------
接下来，定义一个初始状态：
----- ------------ - - ------ -- --
接下来，定义一些 reducer 函数，以管理状态：
-- ----- -------- ---------------- - ------ - ------ ----------- - - -- - -- ----- -------- ---------------- - ------ - ------ ----------- - - -- -
我们可以将 reducer 函数和初始化状态传递给 mherradora 的 createStore 方法：
----- ----- - ------------------------- ----------- ------------
现在，我们就可以使用 store 对象来获取和修改状态了。例如，获取当前 count 的值：
------------------------------------ -- -- -
然后，我们可以分派一个行动，来触发 reducer 渲染新状态：
--------------------------
此时，我们再次获取 count，将得到新的值：
------------------------------------ -- -- -
深度学习
通过本教程，我们学习到了如何使用 npm 包 mherradora 手动创建和管理呈现状态的 Redux Store。让我们来进一步探索 mherradora。
Store
Redux Store 存储应用程序的所有状态。在 mherradora 中，创建一个 Store 实例非常简单：
------ - ----------- - ---- ------------- ----- ----- - ------------------------- ----------- ------------
State 和 Reducer
mherradora 的实用部分在于简化了 state 和 reducer 的代码，使它们更易于管理。在 mherradora 中，state 可以是任何类型的值，而 reducer 函数则非常容易编写：
-------- ---------------- ------- -
------ ------------- -
---- ------------
------ ----- - --
---- ------------
------ ----- - --
--------
------ ------
-
-
----- ------ - -------------- -------------Action
在 mherradora 中，Action 是一个简单的函数，用于更改 store 中的 state。这是一个典型的 action：
-------- ----------- - ------ - ----- ----------- -- -
可以通过 dispatch 方法来调用 action：
----------------------------
可以使用其他形式的参数直接在调用 dispatch 方法的时候更改 state：
---------------------- -- ----- - ---
Middleware
在 mherradora 中，中间件是一个功能强大的概念。中间件可以捕捉和处理 action 或者其他的操作。下面是一个例子：
-------- -------------------------- -
------ ------ -- -------- -- -
------------------- ------- -------------
---------------------- ------------
----- ----------- - -------------
--------------------- ------------
--
-使用 applyMiddleware 可以将中间件应用到 store 中：
----- ----- - ------------------------- -------- -----------------------------------
指导意义
mherradora 非常适合于小型的 React 应用程序。它使编写和维护 Redux Store 变得更加简单易懂。同时它也支持常见的 Redux 中间件。最重要的是，它非常易于学习和使用，因此在新手和有经验的开发者之间广泛使用。为了学习更多有关 mherradora 的信息，请查阅官方文档。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066f451d8e776d08040f5f