reactR

Reactr

reactR предоставляет набор удобных функций для использования React в R с шаблонами конструкторов htmlwidget и локальными зависимостями JavaScript. Экосистема React богата компонентами, которые могут улучшить R Web и Shiny Apps. scaffoldReactWidget() помогает создавать htmlwidgets для интеграции этих компонентов React в виде R htmlwidgets . scaffoldReactShinyInput() делает то же самое для Shiny входов. Функции локальной зависимости моделируются после функций html_dependency_* из пакета RStudio rmarkdown .

Установка

Вы можете установить Reactr из Cran с помощью install.packages("reactR") . Для разработки версии, пожалуйста, используйте devtools как показано ниже.

 # install.packages("devtools")
devtools :: install_github( " react-R/reactR " )

Создание HTMLWIDGETS с помощью компонентов React

Чтобы обернуть компонент React в качестве htmlwidget , см. Учебное пособие HTMLWIDGETS с REACTR. Кроме того, в организации React-R GitHub есть множество примеров.

reactable -это очень хорошо построенный htmlwidget , использующий эту функциональность.

Блестящие выходы и входы

htmlwidgets построенные с reactR хорошо работают в блестящих выходах. В версии 0.4.0 Алан Диперт добавил возможность легко создавать официальные Shiny входы на основе React с помощью помощников и каркасов. Пожалуйста, смотрите учебник для получения более подробной информации.

Примеры

Ниже приведены примеры использования reactR напрямую.

library( reactR )
library( htmltools )

browsable(tagList(
  tags $ div( id = " app " ),
  tags $ script(
  "
    ReactDOM.render(
      React.createElement(
        'h1',
        null,
        'Powered by React'
      ),
      document.getElementById('app')
    )
  "
  ),
  # add core-js first to work in RStudio Viewer
  html_dependency_corejs(),
  html_dependency_react()
))

reactR использует пакет V8 если он доступен для преобразования кода JSX и ES2015 с babel .

library( reactR )
library( htmltools )

browsable(
  tagList(
    tags $ div( id = " app " ),
    tags $ script(
      babel_transform( ' ReactDOM.render(<h1>Powered By React/JSX</h1>,document.getElementById("app")) ' )
    ),
    # add core-js shim first for React in older versions of RStudio Viewer
    # html_dependency_corejs(),
    html_dependency_react()
  )
)

Вклад и кодекс поведения

Мы приветствуем участников и хотели бы вашего участия. Обратите внимание, что этот проект выпущен с кодексом поведения участника. Участвуя в этом проекте, вы соглашаетесь соблюдать условия.