mirror of
https://github.com/reduxjs/redux-devtools.git
synced 2024-12-01 22:13:54 +03:00
DevTools for Redux with hot reloading, action replay, and customizable UI
62957d2472
The normal advice is that `actionType` should be a string. This is purely for debugging purposes. If the tools used for debugging are altered, then it would be easier to use something other than a string.
Using a function means you don't have to have a separate action variable from the action creator itself:
```js
some someActionCreator = () => ({
type: someActionCreator,
})
```
Redux doesn't care if your action type is a string, object, symbol or whatever. Even @gaearon noted it should be a Symbol for uniqueness, but only said to use strings because of the debugging potential.
Another benefit of using functions is you're only comparing memory references rather than strings. This is a performance boost, but probably not one that will manifest in most applications.
We could even take this further to include `symbol.description` and `classInstance.constructor.name`.
The one downfall is most Redux tooling both utilizes and expects strings. This would need to change. Even `createReducer` would need to take a `Map` of actions instead of an `Object` or this wouldn't work.
|
||
|---|---|---|
| docs | ||
| packages | ||
| website | ||
| .eslintignore | ||
| .eslintrc | ||
| .gitignore | ||
| .travis.yml | ||
| .yarnrc | ||
| babel.config.js | ||
| CHANGELOG.md | ||
| CODE_OF_CONDUCT.md | ||
| jest.config.js | ||
| lerna.json | ||
| package.json | ||
| README.md | ||
| yarn.lock | ||
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 and Firefox), as a standalone app or as a React component integrated in the client app.
Note that this repository is work in progress for the monorepo, which will merge all the packages. Please refer to Redux DevTools Extension and Redux DevTools package.
Documentation
- Browser Extension Installation and Configuration
- Manual Integration as a React Component
- Extension Options (Arguments)
- Extension Methods (Advanced API)
- Remote monitoring
- Troubleshooting
- Recipes
- FAQ
License
MIT