Рет қаралды 272
In this video, keertan Bhatt from WebOsmotic dives deep into optimizing large lists in React Native. If you've faced performance issues with lists in your React Native apps, this tutorial will help you improve efficiency.
Learn how to:
- Use FlatList for better performance through virtualization.
Optimize props like keyExtractor, initialNumToRender, and maxToRenderPerBatch.
- Understand the differences between FlatList, SectionList, and VirtualizedList.
- Explore Shopify's FlashList for handling over 10,000 records with minimal FPS drops.
If you found this video helpful, don't forget to like, share, and subscribe for more content. Have questions or specific topics you'd like us to cover? Leave them in the comments, and we'll do our best to address them!
Is there a specific topic you'd be interested in learning more about? Leave a comment below with your questions or feedback, and we'll try our best to cover them in the future.
See you in the next video!
Chapters:
-------
00:00 - intro
1:46 - flatlist intro
3:08 - optimize the performance of a flatlist
5:45 - sectionlist
7:17 - virtualizedlist
9:45 - flashlist
10:30 - performance comparison in lists
11:22 - outro
-------
Follow us on:
--------
LinkedIn: www.linkedin.com/company/webosmotic
Instagram: webosmotic_official
Facebook: webosmotic
You can also visit us at webosmotic.com/ to learn more about our organization and work.
----------
Follow Keertan bhatt on: www.linkedin.com/in/keertanbhatt