На странице собраны вопросы по React — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, react, optimization.
Контекст: управление состоянием в Redux и аналогичных библиотеках dispatch выполняется синхронно, поэтому последовательность вызовов имеет значение чтобы выполнить действие последним, вызовите dispatch в конце цепочки…
Мемоизация вызова селектора задача — сократить пересчёты селекторов в state-менеджерах, таких как Redux и Recoil мемоизация сохраняет вычисленный результат, пока входные данные не изменились часто для этого применяют…
Как запустить скрипт в отдельном потоке? многопоточность и асинхронность в JS Web Workers как отдельные потоки браузера Worker не блокирует пользовательский интерфейс обмен данными с основным потоком через…
Управление состоянием в React В классовых компонентах состояние находится в this.state Для изменения применяется this.setState: метод асинхронный и объединяет обновления В функциональных компонентах состояние задаётся…
Оптимизация производительности React-компонента с галереей и большим списком профилирование производительности: сначала запустить React Profiler и вкладку Performance tab в Chrome DevTools, чтобы получить измерения…
задать допустимые версии в package.json: использовать фиксированные значения или контролируемые диапазоны организовать монорепозиторий с единой конфигурацией зависимостей добавить в CI/CD автоматическую проверку…
Как обрабатывать битые изображения? область: веб-разработка, обработка изображений битое изображение — это файл с повреждёнными данными либо некорректной структурой или форматом диагностика: проверить формат,…
Как объединить обновления состояния при нескольких вызовах setState? Изменение состояния в React с последующим обновлением UI setState работает асинхронно, поэтому обновления могут объединяться Для получения…
Принцип замены Лисков во фронтенде (React) SOLID — фундаментальный принцип ООП, применимый и к компонентной архитектуре подмена подкласса или компонента не должна нарушать работу родительской логики компонент обязан…
Оптимизация загрузки сайтов оптимизация фронтенда и бэкенда минимизация и сжатие ресурсов (HTML, CSS, JS, изображения) критический путь рендеринга: критические CSS, defer и async для скриптов lazy loading изображений…
Как повысить производительность Redux-приложения? сократить лишние рендеры с помощью memoization (React.memo, useMemo, useCallback) разделить состояние на небольшие срезы (slices), чтобы обновлять только нужные части…
производительность UI, оптимизация отображения использовать виртуализацию (windowing): выводить только элементы, находящиеся в области видимости подключать ленивую загрузку (lazy load элементов по мере прокрутки)…