raphamorim / react-ape

🦍• React Renderer to build UI interfaces using canvas/WebGL (TV and Hardware-Accelerated GPU development based)
https://raphamorim.io/react-ape/
MIT License
1.57k stars 48 forks source link

Dropping frames ~ Render perfomance in TV devices #123

Open raphamorim opened 2 years ago

raphamorim commented 2 years ago

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