Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

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

Aberta
#18 1 comentário 0 reações 0 responsáveis Ver no GitHub

@sneha0099 já está trabalhando nisso.

Desde 3/9/2025.

  • #19 de @sneha0099 — aberto

Avaliação

Dificuldade
4/5
Tempo estimado
3-5 dias
Facilidade para iniciantes
25/100
Tipo de issue
Bug
Clareza
Precisa de esclarecimento
Status de atividade
Estagnada
Stack de tecnologia
react
Domínio
frontend, performance

Direção de pesquisa

Reproduza o congelamento usando o relatório anexado e payloads esperados e reais grandes, comparando dados correspondentes com o caso relatado de 8k linhas e dados divergentes totalizando cerca de 12k linhas. Rastreie o ponto de entrada do JSON diff viewer e identifique o trabalho de renderização que bloqueia a UI; considera-se concluído quando esses tamanhos de payload são carregados sem congelamento.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

  • 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

Linguagem predominante
HTML
Estrelas
8
Forks
6
Métricas de merge de PRs
Nenhum PR com merge em 30d

Preparar o ambiente

Este projeto não oferece contêiner de desenvolvimento, Dockerfile nem guia de contribuição, então a configuração fica por sua conta: comece pelo README e veja nosso guia da primeira contribuição para os passos gerais.

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de keploy/react-diff-viewer

Todas as issues de keploy/react-diff-viewer

Issues semelhantes

Mais issues de Web Dev

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.