Профилирование и оптимизация кода — это ключ к быстрому, стабильному и масштабируемому фронтенду. В этом материале мы разберём, как грамотно подходить к измерению производительности, какие инструменты использовать и какие практики дают максимальный эффект в реальных проектах.
Что включает курс
Курс сфокусирован на практическом понимании того, как работает производительность React-приложений и какие подходы помогают снизить нагрузку на интерфейс и улучшить отклик.
Профилирование в React
Вы научитесь работать с React Profiler и понимать, какие компоненты рендерятся слишком часто, почему это происходит и как это исправить без ломки архитектуры.
Исследование узких мест с Chrome DevTools
Инструменты браузера позволяют увидеть, что именно "тормозит" на уровне JS, DOM и рендеринга. Курс показывает, как читать flame charts и находить проблемные участки кода.
Техники оптимизации
Особое внимание уделено практическим приёмам, которые применяются в реальных проектах и дают ощутимый прирост скорости.
Мемоизация и её подводные камни
useMemo и useCallback для сложных и вложенных структур
Когда мемоизация действительно полезна, а когда — вредна
Оптимизация дерева компонентов без избыточных обёрток
Использование useRef для нестандартных оптимизаций
Вы рассмотрите кейсы, когда useRef помогает снизить число ререндеров, сохраняя целостность логики и предсказуемость поведения приложения.
Создание собственной виртуализации
Разбор принципов виртуализации списков и реализация собственной простой версии без сторонних библиотек — для глубокого понимания происходящего «под капотом».
Практические примеры
Курс основан на реальных задачах, включая оптимизацию сложных интерфейсов уровня Miro. Это позволит вам не только изучить теорию, но и увидеть, как она применяется в больших продуктах.
Что вы сможете после прохождения
Проводить корректное профилирование React‑приложений
Находить и устранять узкие места в коде
Использовать инструменты DevTools на экспертном уровне
Применять мемоизацию осознанно и эффективно
Проектировать быстрые и масштабируемые интерфейсы
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Ограничение времени просмотра
Вы можете просматривать пробный урок только 10 минут. Получите полный доступ, чтобы смотреть без ограничений.
Меня зовут Евгений Паромов. Я Senior Front-end разработчик. 5 лет разрабатываю на React. Люблю много работать и за это время повидал около 20 проектов. 2 года использую FSD во всех проектах. Использовал FSD с React, Vue, React-query, Redux, Mobx, Next. Есть опыт миграции большого легаси на FSD (7 лет разработки нескольких команд). Есть опыт разработки проектов на FSD с нуля
Скачать архивом - невозможно: нет такой ссылки.