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

Métriques du dépôt

Stars

899 étoiles (899 étoiles)

Métriques de merge PR

Aucune PR mergée en 30 j (Aucune PR mergée en 30 j)

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>

Guide contributeur

Direction de recherche

Profilez les performances de rendu du composant de chat avec un grand nombre de messages à l'aide de React DevTools Profiler. Identifiez les re rendus inutiles. Optimisez en implémentant la virtualisation de la liste de chat (ex. react window) et en mémoïsant les calculs coûteux liés au comptage de jetons ou à l'analyse de texte en streaming.

Stack technique

typescriptreact

Domaine

frontenddeveloper experience

Type d'issue

Performance

DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.

3

Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.

Une demi journée

Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.

Active

ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.

Plutôt claire

Prérequis

ReactTypeScript

Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.

40