Task List Lagging with Large Number of Tasks (>500)

[chamikaJ]

Description:
The task list in Worklenz becomes significantly laggy when there are 500-600 tasks. Loading the data initially takes a few seconds, and sometimes the page becomes unresponsive. Even after the data is loaded, lagging can still be experienced. For example, clicking the close button on the task drawer takes 2-3 seconds to respond.

Steps to Reproduce:

1. Load a task list with 500+ tasks.
2. Observe the initial load time and any unresponsiveness.
3. Interact with the task drawer (e.g., click the close button).
4. Note the delay in response.

Expected Behavior:
The task list should load quickly and interactions should be smooth, even with a large number of tasks.

Current Module:
The current task list module can be viewed here: task-list-v2

Questions:

1. What steps can we take to optimize the frontend rendering of the task list?
2. Are there any suggestions for improving client-side performance?

We welcome any suggestions or insights from the community to address this performance issue.