介绍
redux-middleware-workers 是一个基于 Redux 的中间件，允许开发者将应用程序逻辑放入 Web Workers 中运行。它使得开发者可以充分发挥多核处理器的优势，并减少应用程序在主线程上的负载，从而提升应用程序的性能。
安装
使用 npm 进行安装：
npm install redux-middleware-workers
使用
创建 Worker
首先，我们需要创建一个工作线程。可以将它保存在单独的 worker.js 文件中。
-- -------------------- ---- -------
-- ---------
-------------- - ----- -- -
----- - ----- ------- - - -----------
------ ------ -
---- -------------
------------------
--------- -- -----------
---------- -- ------------------ ----- --------------------- ---- ---
------------ -- ------------------ ----- ------------------ ----- ----
------
-- ----
-
--创建 Middleware
接下来，我们需要创建一个 Redux Middleware，它将负责将操作转发到工作线程。
-- -------------------- ---- -------
-- -------------------
------ ------ ---- ----------------------------
----- ---------------------- - -- -- -
----- ------ - --- ---------
------ -- -- ---- -- ------ -- -
---------------------------
---------------- - ----- -- -
----- - ----- ----- ----- - - -----------
------------ -
---- -------------------------
------ ---------- ----- ------------------------- -------- ---- ---
------
---- ----------------------
------ ---------- ----- ---------------------- -------- ----- ---
------
--------
------
-
--
--
--
------ ------- -----------------------集成 Middleware
现在，我们可以将 Middleware 集成到 Redux 应用中了。
-- -------------------- ---- -------
-- --------
------ - ------------ --------------- - ---- --------
------ ---------------------- ---- ---------------------
----- ---------------- - -------------------------
----- ------- - ------- ------- -- -
------ ------------- -
-- -- ------
--------
------ ------
-
--
----- ----- - -------------------- -----------------------------------
------ ------- ------使用 Middleware
现在，我们可以使用 Middleware 发送消息到工作线程中了。
-- -------------------- ---- -------
-- -- ----- ------
----- --------- - --- -- --
----- -------------
-------- - --- --
---
-- ------
------ - ----------- - ---- --------------
------ - --------- - ---- ------------
----- ----------- - -- -- -
----- -------- - --------------
------------ -- -
----------------------------------------------------
-- ----
-- ----
--总结
redux-middleware-workers 支持我们将 Redux 应用的逻辑放入 Web Workers 中运行，减轻了主线程的负担，提升了应用程序的性能。虽然使用这个工具需要一定的学习和实践成本，但是它确实是一个非常有价值的工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005664a81e8991b448e265d