React Advanced

React Advanced 2022

FlashList is an alternative to React Native's FlatList that aims for high performance and ease of use. It provides significant performance improvements over FlatList, with higher JSFPS and UIFPS. FlashList has been successfully implemented in Shopify's Mobile Shop, POS, and Inbox apps. The workshop covers the migration process to FlashList and optimization techniques. FlashList reduces unmount events, fixes item recycling issues, and improves load time and rendering performance.

In this workshop you’ll learn why we created FlashList at Shopify and how you can use it in your code today. We will show you how to take a list that is not performant in FlatList and make it performant using FlashList with minimum effort. We will use tools like Flipper, our own benchmarking code, and teach you how the FlashList API can cover more complex use cases and still keep a top-notch performance.You will know:- Quick presentation about what FlashList, why we built, etc.- Migrating from FlatList to FlashList- Teaching how to write a performant list- Utilizing the tools provided by FlashList library (mainly the useBenchmark hook)- Using the Flipper plugins (flame graph, our lists profiler, UI &amp; JS FPS profiler, etc.)- Optimizing performance of FlashList by using more advanced props like `getType`- 5-6 sample tasks where we’ll uncover and fix issues together- Q&amp;A with Shopify team

#react native flashlist