redux-devtools README

The project's README from github.com/reduxjs/redux-devtools. As one markdown file: README.md.

GitHub Workflow Status PRs Welcome OpenCollective OpenCollective

Redux DevTools

Developer Tools to power-up Redux development workflow or any other architecture which handles the state change (see integrations).

It can be used as a browser extension (for Chrome, Edge and Firefox), as a standalone app or as a React component integrated in the client app.

image

Documentation

Development

This is a monorepo powered by pnpm. Install pnpm and run pnpm install to get started. Each package's dependencies need to be built before the package itself can be built. You can either build all the packages (i.e., pnpm run build:all) or use pnpm workspace commands to build only the packages necessary for the packages you're working on (i.e., pnpm --filter "remotedev-redux-devtools-extension" build).

Backers

Support us with a monthly donation and help us continue our activities. [Become a backer]

Sponsors

Become a sponsor and get your logo on our README on Github with a link to your site. [Become a sponsor]

License

MIT

redux-devtools (reduxjs/redux-devtools)

Searching Database…

这是什么?Redux DevTools 是一套面向 Redux(或任何处理状态变化的架构)的开发者工具,可以查看每一个派发的 action、重放 action,并对应用的状态进行热重载。
它是浏览器扩展,还是我要加到代码里的库?两者都是:它以浏览器扩展的形式提供给 Chrome、Edge 和 Firefox 使用,也可以作为独立应用使用,或者作为 React 组件直接集成到你的应用中。
我该如何在项目中完成设置?从你所用浏览器的应用商店安装该扩展,它会自动检测 Redux store;如果想把 DevTools 组件直接嵌入应用中,可以参考《作为 React 组件的手动集成》文档。
要处理其中某一部分,是否需要构建所有包?不需要,你可以使用 pnpm workspace 过滤命令只构建所需的包,而不必构建整个 monorepo。
它只能用于 Redux 吗?它是围绕 Redux 的架构设计的,但 README 中提到,它也可以通过集成支持其他状态管理架构。
我能否监控运行在其他设备上或非浏览器环境中的 Redux 应用?可以,文档中包含一份远程监控指南,介绍如何在本地浏览器标签页之外查看状态。
如果扩展没有检测到我的 store,会怎样?README 的文档列表中有一份专门的故障排除文档,用于诊断连接问题。
除了基础安装,还有更多指导吗,比如常见的使用模式?有,README 链接了一份 Recipes(实用示例)文档和一份常见问题(FAQ),介绍更高级的使用模式。
Creator
reduxjs
Size
36.4 MB
Stars
14.4K
Age
11y
Commits · 90 Days