Sign in Go Pro

Advanced React Native

Debugging Performance Issues with the Performance Monitor

This lesson is for PRO members.

Upgrade today to get access to all the PRO lessons.

Unlock this lesson
Autoplay

Up next

Previous

About

React Native comes with a built in performance monitor that can help debug performance issues in your app.

We'll try to intentionally cause a performance problem by adding 1,000 rows to the todo list, and then switching from FlatList to ScrollView; which is known to have performance issues on really longs lists.

We can look at how the ScrollView handles so many todo items, and what to watch out for in your own application when looking for possible performance problems.

Summary of Content:

  • Investigate the performance monitor
  • Add a loop to add 1,000 todo items to the list to stress test the todo list
  • Intentionally cause a performance problem by switching from FlatList to ScrollView

Instructor

Links

Comments

There are no comments on this lesson, start the conversation below ...

>
You need to go PRO to post comments.

Lessons in Advanced React Native