E-017 - Doctorate in Voodoo Science with a concentration in F.O. (Flatlist Optimization)

Spencer and Jon help you boost the performance in your Flatlist components, because if implemented badly, it can really take a toll on your app, rendering blanks, and causing laggy behavior.

They dig into various performance boosting items you can take a look at in your own app.  Walk away with faster loading lists, control scrolling and the memory associated with your items.

 

0:00 - Introduction

7:53 - Mobile News

8:09 - ZTE - first ever behind the screen camera

9:50 - Open Bot - an Android robotics framework

12:40 - Surface Duo is hitting reviewers

13:58 - Why Jon doesn't have any time

15:16 - FlastList / ScrollView

19:20 - Disaster befalls Jon (again)

19:45 - SectionList

23:45 - InitialNumToRender

25:05 - MaxToRenderPerBatch

25:43 - Use a device

28:50 - WindowSize

29:19 - ListItem complex components

31:10 - Icon Sizes

33:05 - 3rd party / external packages

35:39 - RenderItem anonymous functions

40:35 - RecyclerListView

43:31 - Wrap Up

 

Links:

• ZTE behind the screen camera
  • https://arstechnica.com/gadgets/2020/09/zte-announces-the-worlds-first-phone-with-a-behind-the-screen-camera/
  • https://www.youtube.com/watch?v=iw-XkNU1KLE&feature=youtu.be
• OpenBot
  • • https://www.openbot.org/
    • GitHub: https://github.com/intel-isl/OpenBot
    • Demonstration: https://www.youtube.com/watch?v=qc8hFLyWDOM
• Optimizing Flatlist Configuration - https://reactnative.dev/docs/optimizing-flatlist-configuration
• RecyclerListView
  • https://github.com/Flipkart/recyclerlistview
• How to use RecyclerListView with React Native
  • https://www.youtube.com/watch?v=32ZM72CKtTE

 

React Native School

https://reactnativeschool.com

 

FastLane Cheat Codes (Sign Up Now)

https://fastlanecheatcodes.com

Episode source