Describe the bug
When we have many contributions cards (>10), the filter component starts to lag
To Reproduce
Steps to reproduce the behavior:
Open dzcode mobile app
Navigate to Contribute screen
Open the filter component
See that it lags when trying to open/close it
It also lags when you try to select any filter option.
Expected behavior
It should behave instant and smooth.
Environment:
OS: iOS 15.0
Browser : Native Mobile App
Version: latest version as of writing this issue.
Additional context
This is most because, whenever we change the filter options, we trigger a re-render of the whole Contribute screen, including all the contributions cards, you will notice that it's faster if you have fewer contribution cards.
Also, this is even slower on my low-end Android device.
I noticed that too, since it trigger to re-render the whole screen, we should create a custom component for the filters and memoize so it will re-render only whenever the filters has been changed.
Describe the bug When we have many contributions cards (>10), the filter component starts to lag
To Reproduce Steps to reproduce the behavior:
Contribute
screenExpected behavior It should behave instant and smooth.
Environment:
Additional context
This is most because, whenever we change the filter options, we trigger a re-render of the whole Contribute screen, including all the contributions cards, you will notice that it's faster if you have fewer contribution cards.
Also, this is even slower on my low-end Android device.