🧐[问题]： 加载已有多段文本对话页面严重卡顿

Métricas do repositório

Stars

899 estrelas (899 estrelas)

Métricas de merge de PR

Nenhuma PRs mesclada em 30d (Nenhuma PRs mesclada em 30d)

Description

      <ProChat
        displayMode={currentRow?.displayMode ?? "chat"}
        style={{ height: "calc(100vh - 150px)" }}
        chats={cachedChats}
        request={async (messages: any) => {

          const stream = OpenAIStream(response);
          return new StreamingTextResponse(stream);
        }}
      ></ProChat>

Guia do colaborador

Direção de pesquisa

Analise o desempenho de renderização do componente de bate papo com um grande número de mensagens usando o React DevTools Profiler. Identifique re renderizações desnecessárias. Otimize implementando virtualização da lista de mensagens (ex.: react window) e memoizing cálculos caros relacionados à contagem de tokens ou análise de texto em streaming.

Pilha de tecnologia

typescriptreact

Domain

frontenddeveloper experience

Tipo Issue

Performance

DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.

3

Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.

Meio dia

Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.

Ativo

ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.

Principalmente claro

Prerequisites

ReactTypeScript

Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.

40