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

貢獻和行為準則

我們歡迎貢獻者，並希望您的參與。請注意，該項目已使用貢獻者的行為準則發布。通過參加該項目，您同意遵守該條款。