文件名称:redux-webext:用于WebExtensions的Redux
文件大小:48KB
文件格式:ZIP
更新时间:2024-02-22 06:57:20
react redux firefox chrome extension
redux-webext 该软件包允许您使用来管理WebExtension的状态。 安装 npm install redux-webext --save 介绍 通常,WebExtension由两个基本部分组成: 后台页面,您可以在其中存储数据并以某种方式对其进行处理 用户界面页面(例如弹出窗口或内容脚本),您可以在其中显示背景页面的数据 如您所见,要在后台页面和UI页面之间提供数据,您必须使用 。 或者...实际上,由于redux-webext ,您不必这样做: 简而言之, redux-webext使用Redux负责后台页面和UI页面之间的通信。 但是,您应该了解两个关键事项: 在后台页面中,有Redux存储,其中包含WebExtension的整个状态。 所有逻辑(动作,归约器等)也放置在后台页面中。 UI页面可以通过自己的Redux存储访问状态,但是没有实际的动作或reducer 。 我说真实是因为UI页面可能具有与后台页面中的操作相关联的功能。 您可以像代理一样考虑它,它使您可以从UI页面调用后台操作。 没有代码,上面的单词没有多大意义,对吗? 因此,这里有一个的,
【文件预览】:
redux-webext-master
----.gitignore(51B)
----.babelrc(160B)
----.flowconfig(100B)
----package.json(2KB)
----decls()
--------types.js(431B)
--------vars.js(520B)
----src()
--------background-store.js(2KB)
--------index.js(122B)
--------ui-store.js(1KB)
--------constants.js(143B)
----.travis.yml(162B)
----examples()
--------.babelrc(123B)
--------package.json(755B)
--------src()
--------webpack.config.js(902B)
--------README.md(2KB)
----.eslintrc.js(917B)
----README.md(4KB)
----tests()
--------background-store.js(7KB)
--------ui-store.js(4KB)
----yarn.lock(114KB)