Перейти к основному содержимому
Об авторе
Проекты
Знания
Знания/React Native/rendering-pipeline

Как устроен pipeline рендеринга в React Native?

СобеседованиеПотоки и рендеринг
  1. setState() → обновление состояния
  2. Render Phase (JS Thread): React создаёт Element Tree, diffing
  3. Commit Phase: создание C++ Shadow Tree, расчёт лейаута (Yoga)
  4. Mount Phase (UI Thread): diff Shadow Tree, создание/обновление/удаление нативных View
  5. Пиксели на экране
  • Старая архитектура: JS → Bridge (JSON) → Shadow Thread → UI Thread
  • Новая архитектура (Fabric): JS → JSI (C++) → Shadow Tree → UI Thread
  • Главная
  • Об авторе
  • Проекты
  • Знания
Логотип nKolmykov