Actualmente construyo un SDK que convierte un componente React en un sitio heredado que utiliza principalmente HTML, CSS y javascript + jquery sin formato.

Hago algo como esto:

 document.addEventListener('DOMContentLoaded', () => { const wrapper = document.getElementById('wrapper'); const configuration = {...} app.loadElement(configuration, wrapper); })

Y en la parte del SDK, definí un método llamado loadElement que es algo como esto:

 function loadElement(configuration, wrapper) { ReactDOM.render(React.createElement(Element, { ...props }), wrapper); }

¿Alguna idea si hay alguna forma en que pueda mejorar este enfoque? ¿Hay alguna otra biblioteca que haga un mejor trabajo para este caso de uso en particular? ¿Puedo adoptar next.js para este caso de uso?