Ответ 1
Для требований, о которых вы упомянули, лучшим решением является браузер (или аналогичный). Используя reactify, вы можете запустить JSX в JS за один шаг. Browserify (и Webpack) очень распространены в сообществе с реагированием, поэтому почти все библиотеки публикуются в npm для удобства потребления.
Browserify упаковывает ваш JavaScript, вашу версию выбора React и любые библиотеки в один JS файл, который не использует глобальные или другие шаблоны, которые конфликтуют с другим кодом, запущенным на странице.
Вы также можете изучить некоторые библиотеки, такие как react-css, чтобы изолировать стили от стилей страниц. Стили также будут изолированы в вашем комплекте. Конечно, если страница делает что-то вроде div {margin: 1em}, единственными решениями являются iframe или веб-компоненты.