reactR

rectr

reactR提供了一组便利功能，用于将React与htmlwidget构造函数R和局部JavaScript依赖关系一起使用。 React生态系统具有丰富的组件，可以增强R Web和闪亮的应用程序。 scaffoldReactWidget()有助于构建htmlwidgets ，以将这些React组件作为R htmlwidgets集成。 scaffoldReactShinyInput()对于Shiny输入也相同。局部依赖性函数是按照Rstudio的rmarkdown软件包中的html_dependency_*函数进行建模的。

安装

您可以使用install.packages("reactR")从Cran中安装Reactr。对于开发版本，请使用devtools ，如下所示。

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

使用React组件创建HTMLWIDGETS

要将React组件作为htmlwidget包裹，请参阅带有Reactr的教程HTMLWIDGETS。此外，React-R Github组织中还有许多示例。

reactable是利用此功能的非常完善的htmlwidget 。

闪亮的输出和输入

用reactR构建的htmlwidgets在发光时效果很好。在0.4.0版中，Alan Dipert增加了能够轻松创建带有助手和脚手架的官方Shiny输入的能力。请参阅教程以获取更多详细信息。

例子

以下是直接使用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软件包，如果可以使用babel转换JSX和ES2015代码。

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()
  )
)

贡献和行为准则

我们欢迎贡献者，并希望您的参与。请注意，该项目已使用贡献者的行为准则发布。通过参加该项目，您同意遵守该条款。