Как устроен алгоритм Fiber в React? внутренний механизм React для эффективного обновления UI делит вычисления на небольшие микрозадачи (юниты) применяет приоритеты, чтобы сначала обрабатывать наиболее важные изменения…
Оптимизация производительности рендеринга HTML рендеринг = стиль → layout (рефлоу) → paint (перерисовка) сокращение рефлоу: изменять CSS-свойства, не затрагивающие layout, например transform и opacity пакетное…
JavaScript в браузере работает в одном потоке Promise предоставляет оболочку для асинхронных операций, однако содержащийся в нём код остаётся синхронным если внутри Promise запускается тяжёлая синхронная операция,…
Можно ли напрямую отрендерить React-компонент из Web Worker'а (или компонент другого фреймворка) в DOM? Web Worker представляет собой фоновый поток, не имеющий доступа к DOM Рендеринг React-компонентов выполняется в…
Draw calls для 1000 3D-объектов с одинаковым мешем, разными материалами и способы оптимизации Если материалы различаются, каждому из 1000 объектов потребуется отдельный draw call → всего 1000 draw calls Draw call —…
Режимы генерации страниц в Next.js: SSG, SSR и ISR Next.js — React-фреймворк, поддерживающий несколько способов формирования страниц SSG (Static Site Generation): HTML создаётся во время сборки SSR (Server-Side…
Что происходит с компонентом во время перерендеринга? UI-фреймворк повторно запускает функцию или метод компонента JSX или шаблон заново вычисляется с учётом актуальных props и состояния новый результат сопоставляется…
Что происходит, когда RectTransform становится dirty? UI-система Unity, являющаяся частью Canvas UI dirty означает, что RectTransform был изменён (позиция, размер или вращение) запускается перерасчёт Layout и…
Что представляет собой Server-Side Rendering (SSR) и в чем его преимущества SSR — это формирование страниц на сервере до их отправки клиенту Браузер получает готовый HTML, который может отобразить сразу Повышает…