This is a topic that might have been discussed to death, and I might think that my case is slightly different, when in fact it isn’t. If so, feel free to close this thread with an RTFM or whatever you wish.
Basically the issue I’ve run into is that it takes around 0.3-1.5 ms to render a component. In this case just a component with static HTML and no properties, attributes or actions. That might not seem much. The problematic case is iterating a large list and rendering components within that. This list might have thousands of objects, and even at 1000 it might take ~1000 ms (1 second) to render the list. I’m trying this on a macbook pro latest generation, so it’s not mobile issue or anything, using Chrome.
Check out the git repo I made to demonstrate: (Note: I tried both in development and after
Am I doing something wrong by rendering components within a list iteration? Is 0.3-1.5ms acceptable? Is this something that’s actively being worked on? Is my method for measuring wrong? What’s the general thought about this?