Title: Performance Issues with Large Datasets in Flash List
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 7.2k
- Forks
- 393
- Avg merge
- 1d 3h
- Merged PRs (30d)
- 1
Description
Description: I’m experiencing performance degradation with Shopify Flash List when handling larger datasets. As the data size grows, scrolling becomes laggy, and rendering slows down. These issues persist despite optimizing my code and implementing a static version of my feed to minimize re-rendering.
Steps Taken:
Optimized lazy rendering props (initialNumToRender, maxToRenderPerBatch).
Created a static feed equivalent to reduce rerenders.
Despite these efforts, the problem persists, particularly with datasets larger than 30 items.
I would appreciate guidance or updates to improve Flash List's handling of large datasets, or documentation for efficient scrolling with larger data sizes
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the laggy scrolling and slow rendering with a Flash List dataset larger than 30 items, then review the reported lazy-rendering props and static-feed setup. Done means the large dataset performs acceptably or the project documents effective guidance for efficient scrolling with larger data sizes.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- mobile, performance
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100