Почему React Native настолько медленный?
Почему React Native настолько медленный?

Видео: Почему React Native настолько медленный?

Видео: Почему React Native настолько медленный?
Видео: Евгений Гейманен — Стабильность React Native-приложения с круглосуточным up time 2024, Ноябрь
Anonim

Ненужные повторные рендеры - причина №1, по которой большинство React Native приложения медленный . Используйте такие инструменты, как почему-то-вы-обновили, или добавьте простую точку останова или счетчик в render (), чтобы отслеживать ваши повторные рендеры и оптимизировать их.

Кроме того, работает ли React Native медленно?

Если ты бежишь React Native на Android Эмулятор, будет красиво медленный . Кроме того, если у вас включена отладка Chrome, это НАМНОГО замедляет работу приложения.

Также знайте, реагирует ли родной медленнее, чем нативные приложения? Вкратце: могут быть небольшие отличия в пользу родное приложение , но есть большая вероятность, что это не имеет значения. React Native конвертирует компоненты JavaScript на родной Android а также iOS Просмотры. Для этого используется специальный мост. Помни это React Native позволяет смешивать JavaScript с родные код.

Впоследствии возникает вопрос, как заставить реагировать нативно быстрее?

  1. 6 простых способов ускорить работу вашего нативного приложения.
  2. Используйте PureComponent или shouldComponentUpdate.
  3. Используйте ключевой атрибут в элементах списка.
  4. Связывайтесь на ранней стадии и не создавайте функций внутри рендера.
  5. Не обновляйте состояние или отправляйте действия в componentWillUpdate.
  6. Используйте VirtualizedList, FlatList и SectionList для больших наборов данных.

Как измеряется производительность React Native?

Самый распространенный способ измерить производительность в React Native приложения должны использовать встроенный Представление Монитор. Вы можете открыть его из меню отладки в симуляторе, щелкнув Perf Monitor. Он будет отображаться в вашем приложении на открытом экране.

Рекомендуемые: