Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Improve performance of initial rendering for large lists #12

Merged
merged 41 commits into from
Jan 8, 2025
Merged

Improve performance of initial rendering for large lists #12

merged 41 commits into from
Jan 8, 2025

Conversation

azimgd
Copy link
Owner

@azimgd azimgd commented Dec 8, 2024 •
edited
Loading

POC to improve initial rendering performance by moving component initialization to native-land, ensuring a steady 60fps. Tradeoff is that renderItem function must be pure, with no side effects, to maintain this performance.

Very rough results:

  • Steady 60fps on both JS and UI threads
  • ~3x less CPU usage on aggressive scrolling
  • ~1.5x less memory usage

azimgd added 30 commits December 6, 2024 17:31
@azimgd
chore: enable turbomodule support
07f9d80
@azimgd
chore: remove SLContainerChildrenManager completely
f4d1076
@azimgd
chore: fix android build
b538fdf
@azimgd
chore: rendering list children synchronously
c16f842
@azimgd
chore: fix children clonening with proper context and tree hierarchy
b1e84c3
@azimgd
chore: feed list data from external json
5129f78
@azimgd
chore: fix crash due to invalid component reference
40352bb
@azimgd
chore: add support for imageshadownode source update
d37dea8
@azimgd
chore: move json parsing and key extraction into slcontaineer props
411717d
@azimgd
chore: add runtimemanager instance holder
38466e4
@azimgd
chore: move children element template manager into slcontainershadownode
405e415
@azimgd
chore: update the layout process, move virtualization to a lower leve…
37aa41f 
…l in the componentdescriptor
@azimgd
chore: remove obsolete code including virtualization helpers and regi…
d4af590 
…stry
@azimgd
chore: remove scrollable class helpers
76e4e25
@azimgd
chore: optimize json parsing, reduced each layout phase rendering by 4x
5729267
@azimgd
chore: add onStartReached and onEndReached eventemitters
dd64382
@azimgd
chore: calculate prepended and appended elements diff
a83eec6
@azimgd
chore: sequence generator based virtualization within onlayout phase
219bb09
@azimgd
chore: optimize virtualization when maintainvisiblecontentposition is…
c33e7bb 
… enabled
@azimgd
chore: update state update affecting onlayout phase trigger
c7bceb5
@azimgd
chore: optimize uniqueids calculations, remove obsolete state
e89de62
@azimgd
chore: add performance metrics and onlayout event dispatcher
4a2de24
@azimgd
chore: header and footer template rendering
1408af7
@azimgd
chore: maintainvisiblecontentposition adjustments
766885e
@azimgd
chore: implement relative point and size coordinates
788cdce
@azimgd
chore: fix horizontal scrolling implementation
ec31332
@azimgd
chore: halfway android turbomodule integration
f6271ed
@azimgd
chore: squashed android turbomodule integration
79b2c44
@azimgd
chore: fix shadownode rendering on android
a6f78ec
@azimgd
chore: fix maintainvisiblecontentposition scroll on android
6528bd8
@azimgd azimgd merged commit 27eb07a into main Jan 8, 2025
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
1 participant
@azimgd