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

Repository metrics

Stars

899 個のスター (899 個のスター)

PR merge metrics

PR metrics pending (PR metrics pending)

説明

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

コントリビューターガイド

調査方針

大量のメッセージがある場合のチャットコンポーネントのレンダリングパフォーマンスを、React DevTools Profiler を使用してプロファイルし、不要な再レンダリングを特定します。チャットリストの仮想化（react window など）を実装し、トークンカウントやストリーミングテキスト解析に関連する高コストな計算をメモ化することで最適化します。

技術スタック

typescriptreact

領域

frontenddeveloper experience

Issue 種別

パフォーマンス

難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。

3

推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。

半日

活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。

アクティブ

明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。

おおむね明確

前提条件

ReactTypeScript

初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。

40