Skip to content

Conversation

aprendendofelipe
Copy link
Contributor

@aprendendofelipe aprendendofelipe commented Aug 19, 2025

Mudanças realizadas

A useTreeCollapse é uma evolução da useCollapse com alguns benefícios:

  1. Código mais organizado e coberto por testes, facilitando a manutenção.
  2. Suporte a atualizações da lista de comentários em segundo plano, preservando o estado dos itens colapsados/expandidos.
  3. Novo parâmetro defaultExpandedId, que garante que um comentário específico não seja colapsado na renderização inicial (abrindo possibilidades ainda não exploradas neste PR).

O principal benefício imediato deste PR é a melhora na UX em cenários de revalidação de cache via next-swr. Antes, com a useCollapse, a lista de comentários não era atualizada. Agora, a lista acompanha a atualização do cache, assim como já ocorria para os dados do conteúdo principal da página.

Além disso, no último commit foi fixado em 100 o número máximo de comentários exibidos inicialmente. A lógica anterior usava valores dinâmicos para se adaptar a diferentes tamanhos de tela, mas isso causava uma renderização extra sem trazer benefícios práticos.

Tipo de mudança

  • Correção de bug

Checklist:

  • As modificações não geram novos logs de erro ou aviso (warning).

… `@tabnews/hooks`

The new `useTreeCollapse` hook can handle background updates in the children list,
such as those triggered by `next-swr`.
This hook was replaced by `useTreeCollapse` from `@tabnews/hooks`,
which supports background updates (e.g. via `next-swr`).
The previous dynamic calculation caused unnecessary re-renders
without bringing real benefits. A fixed value of 100 simplifies
the logic and improves performance.
Copy link

vercel bot commented Aug 19, 2025

@aprendendofelipe is attempting to deploy a commit to the TabNews Team on Vercel.

A member of the Team first needs to authorize it.

Copy link

vercel bot commented Aug 31, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
tabnews Ready Ready Preview Comment Aug 31, 2025 11:29pm

Copy link
Collaborator

@Rafatcb Rafatcb left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Show! Obrigado pela contribuição 🤝 Não encontrei nenhum problema na implementação.

Deploy em Preview.

Publicações com bastante comentários:

  • /filipedeschamps/publicando-o-primeiro-conteudo-em-ambiente-de-staging - 60 comentários
  • /filipedeschamps/testando-pr-do-darkmode - 7 comentários, 1 oculto
  • /Cleverson/teste - 23 comentários, em até 21 níveis

Para quem chegou aqui procurando entender o código, pode ver o código-fonte do useTreeCollapse aqui.

@Rafatcb Rafatcb merged commit 7d584b3 into filipedeschamps:main Sep 7, 2025
5 checks passed
@Rafatcb
Copy link
Collaborator

Rafatcb commented Sep 7, 2025

Em produção 🎉

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants