Денис Кондратьев на FrontendConf 2025

Рецепт консистентного интерфейса: Lane к приручению Concurrent Mode

Производительность

Фронтенд / другое

React, Vue, Angular и другие JavaScript-фреймворки

Производительность и мониторинг фронтенда

Реактивное программирование

Доклад принят в программу конференции

Целевая аудитория

Middle-senior frontend разработчики, которые работают с react

Тезисы

Иногда интерфейс начинает вести себя неожиданно: компонент обновляется, но получает устаревшие данные, или часть приложения перестаёт рендериться под нагрузкой. С такими эффектами я столкнулся при разработке корпоративного чата.
Оказалось, дело в приоритизации обновлений в React: он может отбрасывать низкоприоритетные изменения, что приводит к tearing (разрывам интерфейса). В докладе проведу разбор реального кейса: обсудим работу React под капотом и рассмотрим, как устроены lanes и concurrent rendering.

Денис Кондратьев

Точка

Senior frontend разработчик. В настоящее время работает над корпоративным чатом в Точке. Имеет единственное хобби - программирование.
В свободное время играет в волейбол.

Видео

Мнение Программного комитета о докладе

Алексей Авдеев

Глубокое погружение в Concurrent Mode. Спикер объяснит, как механизм приоритетов (lanes) в React приводит к «разрывам» интерфейса (tearing) и как с этим бороться. Разбор реального кейса и практические советы для senior-разработчиков, которые хотят полного контроля над рендерингом.