reactR

reactr

reactR proporciona un conjunto de funciones de conveniencia para usar React en R con plantillas de constructor htmlwidget y dependencias locales de JavaScript. El ecosistema React es rico en componentes que pueden mejorar las aplicaciones R Web y brillantes. scaffoldReactWidget() ayuda a construir htmlwidgets para integrar estos componentes React como R htmlwidgets . scaffoldReactShinyInput() hace lo mismo para las entradas Shiny . Las funciones de dependencia local se modelan después de las funciones html_dependency_* del paquete rmarkdown de RSTUDIO.

Instalación

Puede instalar Reactr desde CRAN con install.packages("reactR") . Para la versión de desarrollo, use devtools como se muestra a continuación.

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

Creación de htmlwidgets con componentes react

Para envolver un componente React como htmlwidget , consulte el tutorial htmlwidgets con reactr. Además, hay una variedad de ejemplos en la organización React-R Github.

reactable es un htmlwidget muy bien construido que aprovecha esta funcionalidad.

Salidas e entradas brillantes

htmlwidgets construidos con reactR funcionan bien en salidas brillantes como salidas. En la versión 0.4.0 Alan Dipert ha agregado la capacidad de crear fácilmente entradas Shiny oficiales basadas en React con ayudantes y andamios. Consulte el tutorial para obtener más detalles.

Ejemplos

A continuación se presentan ejemplos de uso de reactR directamente.

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 utiliza el paquete V8 si está disponible para transformar el código JSX y ES2015 con 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()
  )
)

Contribuyente y código de conducta

Agradecemos a los contribuyentes y nos encantaría su participación. Tenga en cuenta que este proyecto se publica con un código de conducta de contribuyentes. Al participar en este proyecto, acepta cumplir con los términos.