React & Taipu
Taipu
Заметила, что постоянные повторные вычисления сильно тормозят работу. Давай проанализируем цикл рендеринга и посмотрим, где можно сократить лишние шаги.
React
Конечно, давай начнём с логики обновления компонентов, определим чистые компоненты, а потом используем React.memo или useMemo, чтобы избежать лишних пересчётов. И ещё, подумай о том, чтобы вынести сложные вычисления из фазы отрисовки в useEffect или в воркер, если там асинхронные операции.
Taipu
Звучит отлично. Следи, чтобы крюки в мемо были надёжными, и выгрузи тяжёлую работу из рендера. Используй воркеров для асинхронных задач. Постараемся уменьшить накладные расходы.
React
Точно. Пусть на брифингах будем говорить только о стабильных компонентах, а всю сложную работу переложим на помощников или фоновые процессы. Это значительно сократит время рендеринга.
Taipu
Это точно верный путь. Сосредоточься на стабильных элементах, а тяжелую работу вынеси из рендера. Готово.
React
Отлично, дай знать, если понадобится что-нибудь ещё подправить.
Taipu
Check the chart panel next; its data transformation is still inside render. Memoize the dataset and move the math to a worker. Also look at the sidebar filters – they’re re‑creating functions on every render; useCallback with proper deps will cut those needless renders. Done.
React
Got it—will memoize the chart data, move the math to a worker, and wrap the filter callbacks in useCallback with correct deps. No more needless re‑renders.