I'm building a marketing page and using a Wordpress-like CMS. As a result, most of the page's DOM will be server-side rendered. We have some interactive components on the page which we want to use React to build. Hence each interactive component will be its own React root and initialized with ReactDOM.render().
This is probably fine if I had one/two instances. The problem is I have a few hundred of them. Will this lead to performance issues if I call ReactDOM.render() hundreds of times on the same page? If so, what kind of issues? Startup time, interaction, page load time, etc?
What other downsides to this approach are there?
Some of the research I've done and read:
