react-ape icon indicating copy to clipboard operation
react-ape copied to clipboard

Dropping frames ~ Render perfomance in TV devices

Open raphamorim opened this issue 3 years ago • 0 comments

Currently React Ape drop frames when rendering a lot of components in the same time. This issue was reported by @raphaelpor originally. The reason of problem is known: It renders using stack logic so basically waits for the JavaScript to process the forEach then render each item per order which isn't the best solution. I will be working in a rewrite of the core render logic and also porting logic to Web components (as a performance test, e.g: https://engineering.icf.com/reusable-canvas-based-web-components/) if it's available in the window context.

image

raphamorim avatar Jun 21 '22 14:06 raphamorim