Вступить в клуб →
лёгкаявопросReact Native: списки, рендер и нативная часть

История операций из 3000 строк открывается четыре секунды на среднем Android

<ScrollView>
  {operations.map(op => <OperationRow key={op.id} op={op} />)}
</ScrollView>

В operations 3000 записей, на экране видно около десяти. Открытие экрана занимает четыре секунды, память заметно растёт. Что изменить?

  • Заменить ScrollView на FlatList с renderItem
  • Обернуть OperationRow в React.memo
  • Убрать key у строк, чтобы не сравнивать их
  • Грузить операции в useEffect, а не при рендере

🔒 Проверка ответа — для участников клуба

  • Проверка ответа
  • Подсказка, если застряли
  • Разбор с объяснением, почему так
  • Прогресс по всем задачам и виртуальные собеседования
Зарегистрироваться →

Регистрация занимает минуту

Другие задачи раздела