reactR

Reactr

reactR bietet eine Reihe von Komfortfunktionen für die Verwendung von React in R mit htmlwidget -Konstruktor -Vorlagen und lokalen JavaScript -Abhängigkeiten. Das React -Ökosystem ist reich an Komponenten, die R -Web und glänzende Apps verbessern können. scaffoldReactWidget() hilft, htmlwidgets zu erstellen, um diese React -Komponenten als R htmlwidgets zu integrieren. scaffoldReactShinyInput() tut dasselbe für Shiny Eingaben. Die lokalen Abhängigkeitsfunktionen werden nach den Funktionen html_dependency_* modelliert aus dem rmarkdown -Paket von Rstudio.

Installation

Sie können ReACTR von Cran mit install.packages("reactR") installieren. Für die Entwicklungsversion verwenden Sie bitte devtools , wie unten gezeigt.

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

Erstellen von HTMLWidgets mit React -Komponenten

Um eine React -Komponente als htmlwidget zu wickeln, finden Sie im Tutorial htmlwidgets mit Reactr. Außerdem gibt es eine Vielzahl von Beispielen in der React-R-Github-Organisation.

reactable ist ein sehr gut gebautes htmlwidget , das diese Funktionalität nutzt.

Glänzende Ausgänge und Eingänge

htmlwidgets mit reactR sind in glänzendem Output gut geeignet. In Version 0.4.0 hat Alan Dipert die Möglichkeit hinzugefügt, mit Helfern und Gerüsten problemlos reagbasierte offizielle Shiny Inputs zu erstellen. Weitere Informationen finden Sie im Tutorial.

Beispiele

Im Folgenden finden Sie Beispiele für die direkte Verwendung von 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 verwendet das V8 -Paket, sofern verfügbar, um JSX und ES2015 -Code mit babel zu transformieren.

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

Beitrag und Verhaltenskodex

Wir begrüßen Mitwirkende und würden Ihre Teilnahme lieben. Bitte beachten Sie, dass dieses Projekt mit einem Verhaltenskodex von Mitwirkenden veröffentlicht wird. Durch die Teilnahme an diesem Projekt erklären Sie sich damit einverstanden, die Bedingungen zu halten.