复写工具调整器
将 Effector 的 API 连接到 Redux DevTools 的简单适配器, 从旧程序提取 effector-logger 项目.
安装
yarn add -D @effector/redux-devtools-adapter
使用量
准备元数据
为了使日志更加有用,我们需要更多的元数据(如名称、代码中的位置等),由其中之一提供 effector 插件 .
贝贝-插剂
Babel-Plugin是内置的在其中 effector 软件包.
只要把它加入你的贝贝配置.
{
"plugins": ["effector/babel-plugin"]
}
使 loc 生成用于 dev 环境,以查看 samples和代码中的其他运算符.
{
"plugins": [["effector/babel-plugin", { "addLoc": true }]]
}
SWC 插件
在代码中
打电话 attachReduxDevTools() 在你的项目入口处 你可以走了.
// e.g. src/main.ts
import { attachReduxDevTools } from "@effector/redux-devtools-adapter";
attachReduxDevTools();
也可以提供一些额外的配置. 所有字段都是可选的.
名称
类型 : string。 。 。 .
将在 Redux Devtools 中可见
范围
类型 : Scope
如果您的应用程序使用它, 请使用 Fork API 的 Effector 范围 .
追踪
类型 : boolean
启用效果器在动作中的计算痕迹 。 默认禁用 .
批次
类型 : boolean | { size: number; latency: number; }。 。 。 .
允许在适配器一侧对日志进行分批。 Redux DevTools正在尝试打印他们得到的每一个日志,这可能会在大型应用程序中引起性能问题.
已启用的批量适配器只发送一次日志 latency 毫秒和日志数不超过 size 编号.
这意味着只有最后 size devTools 中将始终显示日志数.
默认启用后, defautls为:最后100个有平缓500毫秒的日志.
状态标签
类型 : boolean。 。 。 .
启用状态标签, 并注明每个时间点的所有存储状态 。 可能在大型app中引起性能问题. 默认禁用 .
devTools 配置
Redux DevTools 的配置, 直接传递给 connect 电话.
见 官方文件。 。 。 .
组合调用示例:
import { attachReduxDevTools } from "@effector/redux-devtools-adapter";
attachReduxDevTools({
name: "My App",
scope,
trace: true,
});
在下一条.js - 页面路由器
在下一个.js - App路由器
释放过程
- 看看这个 释放草稿。 。 。 .
- 所有公关应当有正确的标签和有用的标题. 你们可以 在此审查可用的标签。 。 。 .
- 更新 PR 和标题的标签, 下次 手动运行发行起草器动作 重新生成释放草稿.
- 审查新版本并按"Publish"
- 如果需要检查“ 此发行的创意讨论”