Fix JSON diff viewer performance issue causing UI freeze with large payloads
评估
- 难度
- 4/5
- 预计耗时
- 3-5 天
- 新手友好度
- 25/100
- Issue 类型
- 缺陷
- 描述清晰度
- 需要澄清
- 活跃度
- 停滞
- 技术栈
- react
- 领域
- frontend, performance
调研方向
使用附带的报告以及大型 expected 和 actual payload 重现卡死，比较与报告的 8k 行案例匹配的数据，以及总计约 12k 行的不匹配数据。跟踪 JSON diff viewer 的入口点，并确定阻塞 UI 的渲染工作；完成标准是这些大小的 payload 能够在不卡死的情况下加载。
由索引模型根据 Issue 内容生成。
描述
- when the test report's payload data increases its freezing the ui.
- when there is match between expected and actual data it can load the 8k line which is max of(expected and actual data) but its taking time.
- when the expected and actual data is not matching so total length of both of 12k(6k expected + 6k actual) is causing ui freeze.
https://github.com/user-attachments/assets/d7dea59d-2aef-4463-9c0a-34938045bd08
- 主要语言
- HTML
- 星标
- 8
- 派生
- 6
- PR 合并指标
- 30 天内没有已合并 PR
环境准备
这个项目没有提供开发容器、Dockerfile 或贡献指南，环境需要你自己搭建：先看它的 README，通用步骤见我们的新手贡献指南。
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
keploy/react-diff-viewer 的其他 Issue
-
feat: add noise ignoring functionality to header and status similar to body可能重新可做 @Sarthak160 于 983 天前认领，目前没有进行中的 PR。 未关闭
keploy/react-diff-viewer#12 · 1 条评论 · 已指派 1 人 ·
查看 keploy/react-diff-viewer 的全部 Issue
相似的 Issue
-
bug javascript P2-medium python release:v3.1
难度 2/5 1-3 小时 新手友好度 68/100
adrirubio/claude-deck#546 ·
维护者通常 1 天内回复
-
needs triage
难度 2/5 1-3 小时 新手友好度 65/100
rjsf-team/react-jsonschema-form#5485 ·
维护者通常 2 天内回复
-
Friction: Org home and org switcher copy still say repositories and connected agents live in the personal account可能已有人在做 关联的 PR 仍在进行中或已合并。 未关闭friction
难度 2/5 1-3 小时 新手友好度 80/100
kentcdodds/kody#3265 ·
维护者通常 1 天内回复
-
dashboard enhancement good first issue
难度 2/5 1-3 小时 新手友好度 66/100
CGSeb/lessonfolk#200 ·
维护者通常 1 天内回复
-
area:curator bug
难度 2/5 1-3 小时 新手友好度 78/100
CassioDalla/Scrinalia#66 ·
维护者通常 1 天内回复