Встраиваемый JavaScript-виджет с React

Возможно ли создать встраиваемый JavaScript-виджет с помощью React JavaScript library, где:

  • Библиотека React встроена в виджет
  • версия встроенной библиотеки React может отличаться от библиотеки React на странице загрузки виджета, как это может быть сделано с помощью jQuery.

Я ищу функциональность, как описано в:

Ответ 1

Для требований, о которых вы упомянули, лучшим решением является браузер (или аналогичный). Используя reactify, вы можете запустить JSX в JS за один шаг. Browserify (и Webpack) очень распространены в сообществе с реагированием, поэтому почти все библиотеки публикуются в npm для удобства потребления.

Browserify упаковывает ваш JavaScript, вашу версию выбора React и любые библиотеки в один JS файл, который не использует глобальные или другие шаблоны, которые конфликтуют с другим кодом, запущенным на странице.

Вы также можете изучить некоторые библиотеки, такие как react-css, чтобы изолировать стили от стилей страниц. Стили также будут изолированы в вашем комплекте. Конечно, если страница делает что-то вроде div {margin: 1em}, единственными решениями являются iframe или веб-компоненты.