Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

Fix JSON diff viewer performance issue causing UI freeze with large payloads

Đang mở
#18 1 bình luận 0 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Đánh giá

Độ khó
4/5
Thời gian dự kiến
3-5 ngày
Mức phù hợp với người mới
25/100
Loại issue
Lỗi
Độ rõ ràng
Cần làm rõ
Mức độ hoạt động
Đình trệ
Công nghệ
react
Lĩnh vực
frontend, performance

Hướng nghiên cứu

Tái hiện hiện tượng treo bằng cách sử dụng báo cáo đính kèm cùng các payload expected và actual lớn, so sánh dữ liệu khớp với trường hợp 8k dòng đã được báo cáo và dữ liệu không khớp có tổng cộng khoảng 12k dòng. Truy vết điểm vào của JSON diff viewer và xác định công việc rendering làm chặn UI; hoàn thành nghĩa là các kích thước payload này tải được mà không bị treo.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

  • 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

Ngôn ngữ chính
HTML
Star
8
Fork
6
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Chuẩn bị môi trường

Dự án này không cung cấp dev container, Dockerfile hay hướng dẫn đóng góp, nên bạn cần tự thiết lập môi trường: hãy bắt đầu từ README và xem hướng dẫn đóng góp lần đầu của chúng tôi để biết các bước chung.

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của keploy/react-diff-viewer

Tất cả issue của keploy/react-diff-viewer

Issue tương tự

Thêm issue về Web Dev

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.