How to improve list rendering performance?
Good evening,
Just recently, i made a simple app with Solid. However, i'm a bit stuck at rendering list. Is there any best practice in Solid to render list? I suspect that I'm somehow doing something stupid since there is delay around 1~2s every time there is a mutation on the state and the list is getting rebuilt.
The performance degradation is apparent when rendering a big list.
the app: https://slainless.github.io/stringeraser/
the mentioned list, rendered with For
https://github.com/slainless/stringeraser/blob/c836c8a830f9658976e6c738025e052bbe974436/src/components/match-pane.tsx#L104-L108
Just recently, i made a simple app with Solid. However, i'm a bit stuck at rendering list. Is there any best practice in Solid to render list? I suspect that I'm somehow doing something stupid since there is delay around 1~2s every time there is a mutation on the state and the list is getting rebuilt.
The performance degradation is apparent when rendering a big list.
the app: https://slainless.github.io/stringeraser/
the mentioned list, rendered with For
https://github.com/slainless/stringeraser/blob/c836c8a830f9658976e6c738025e052bbe974436/src/components/match-pane.tsx#L104-L108
GitHub
Simple app for string removal across a document/text 
- slainless/stringeraser
- slainless/stringeraser
