Dark theme and unit tracing | Units in files |
---|---|
npm install --dev effector-inspector
or
yarn add -D effector-inspector
effector/babel-plugin
or @effector/swc-plugin
set up in your project. These plugins add metadata to all effector's units, which is then used by effector-inspector.Check out the documentation of effector/babel-plugin
or @effector/swc-plugin
.
inspector
in your application's entrypoint (something like index.ts
or client.tsx
).import {createInspector} from 'effector-inspector';
createInspector();
One way to do it is to attach inspector to units manually:
import {attachInspector} from 'effector-inspector';
// single units
attachInspector($store);
attachInspector(event);
attachInspector(effectFx);
// or list of them
attachInspector([
$store,
event,
effectFx,
// any number of units in the list
]);
// or by domain
attachInspector(someDomain);
The effector-root
library can be used for convenience, as it provides common root domain for all units.
// index.ts
import {attachInspector, createInspector} from 'effector-inspector';
import {root} from 'effector-root';
createInspector();
attachInspector(root);
Check out effector-root
documentation here.
npm install effector
npm install --dev effector-logger effector-inspector
or yarn
yarn add effector
yarn add -D effector-logger effector-inspector
effector
to effector-logger
client.tsx
or index.tsx
)Initialize effector logger in it first lines.
import {createInspector} from 'effector-inspector';
createInspector();
By default: CTRL+B
in your application