ant-design/pro-chat

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

Open

#126 opened on Mar 14, 2024

View on GitHub
 (13 comments) (0 reactions) (0 assignees)TypeScript (117 forks)github user discovery
bughelp wanted

Repository metrics

Stars
 (899 stars)
PR merge metrics
 (PR metrics pending)

Description

🧐 问题描述

1、大概是消耗了30W Token的对话，字数约等于 5W-10W 2、 此时继续对话，打字机效果吐字极慢。

      <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>

Contributor guide

Research direction
Profile the rendering performance of the chat component with a large number of messages. Use React DevTools Profiler to identify unnecessary re renders. Optimize by implementing virtualization for the chat list (e.g., react window) and memoizing expensive computations related to token counting or streaming text parsing.
Tech stack
typescriptreact
Domain
frontenddeveloper experience
Issue type
Performance
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Mostly clear
Prerequisites
ReactTypeScript
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40