Хотите добиться максимальной скорости и отзывчивости вашего React‑приложения?Этот курс поможет вам понять, почему производительность страдает и какие приемы позволяют держать интерфейс быстрым даже при росте проекта. Ниже — улучшенная и структурированная версия контента, которая делает фокус на ценности курса и помогает читателю сразу понять, как он прокачает свои навыки.
О чем этот курс
По мере усложнения приложений React начинают проявляться скрытые проблемы: лишние рендеры, неоптимальное состояние, тяжелые списки, ошибки при мемоизации. В этом курсе вы научитесь диагностировать и устранять такие узкие места, повышая производительность интерфейса без лишних догадок.
Что вы узнаете
Работа с производительностью React
Вы разберетесь, как использовать инструменты для оценки и улучшения производительности, чтобы оптимизации делались не вслепую, а на основе данных.
React Profiler: анализ и интерпретация результатов
Определение источников лишних перерисовок
Проверка эффективности ваших оптимизаций
Оптимизация структуры состояния
Форма состояния напрямую влияет на скорость интерфейса. Вы научитесь проектировать state так, чтобы приложение оставалось реактивным и быстрым.
Минимизация зависимости компонентов от состояния
Разделение сложных структур для сокращения ререндеров
Использование локального и глобального состояния разумно
Грамотное использование хуков React
Даже хорошо знакомые хук‑функции могут привести к снижению производительности, если применять их неправильно. Курс покажет, как избежать типичных ошибок.
Когда действительно нужны useMemo и useCallback
Почему мемоизация может не работать
Как избежать перерендеров при работе с колбэками
Работа с большими наборами данных
Виртуализация списков
Большие списки могут замедлить DOM и ухудшить пользовательский опыт. Вы освоите техники виртуализации, которые позволяют работать с тысячами элементов без потери производительности.
Как работает виртуализация
Чем опасны «длинные» списки
Использование готовых библиотек и кастомных решений
Итоги
Этот курс дает системное понимание того, как работает производительность React и какие практики позволяют поддерживать ее на высоком уровне. После прохождения вы сможете уверенно оптимизировать сложные интерфейсы и создавать действительно быстрые приложения.
Удален по просьбе правообладателя
Урок 1.00:09:01
Introduction
Урок 2.00:12:56
Inspect Performance with Dev Tools
Урок 3.00:05:42
Dev Tools Q&A
Урок 4.00:17:27
React Rendering Cycle
Урок 5.00:11:27
React Fiber & Rendering Q&A
Урок 6.00:14:48
Find a Performance Issue Exercise
Урок 7.00:09:15
Performance Issue Q&A
Урок 8.00:11:09
Reducing Rerenders
Урок 9.00:11:14
Pushing State Down Exercise
Урок 10.00:03:31
Pulling Content Up with children
Урок 11.00:06:32
Pulling Content Up Exercise
Урок 12.00:15:21
Pulling Content Up Solution
Урок 13.00:17:15
useMemo & useCallback
Урок 14.00:18:15
useReducer & dispatch
Урок 15.00:03:44
Reducers Q&A
Урок 16.00:11:16
Context API
Урок 17.00:14:43
Using Multiple Contexts
Урок 18.00:09:38
Multiple Contexts Exercise
Урок 19.00:15:54
Separating Context & State Exercise
Урок 20.00:04:28
Normalizing State
Урок 21.00:13:25
Fallback Content with Suspense
Урок 22.00:06:25
Maintaining Interactivity
Урок 23.00:14:14
useTransition Hook
Урок 24.00:05:33
useDeferredValue Hook
Урок 25.00:08:19
Wrapping Up
Авторы - master.dev (ex FrontendMasters), Steve Kinney
Master.dev — это образовательная платформа для разработчиков, которая помогает совершенствовать инженерные навыки: от изучения языков программирования и веб-разработки до работы с базами данных, облачной инфраструктурой, DevOps и искусственным интеллектом. Ранее известная как Frontend Masters, платформа расширила фокус и теперь обучает разработчиков всему спектру современной разработки ПО.
Стив - архитектор фронтенда в компании Temporal. Ранее он занимал аналогичную должность в Twilio и SendGrid. Стив также является основателем и почетным директором программы обучения фронтенд-разработке в Turing School for Software and Design в Денвере, Колорадо — это некоммерческая программа подготовки разработчиков. В прошлой жизни Стив был учителем в государственных школах Нью-Йорка, где он преподавал специальное образование и веб-разработку в