reactR

Reactr

reactR fornece um conjunto de funções de conveniência para usar React em R com modelos de construtor htmlwidget e dependências Javascript locais. O ecossistema React é rico em componentes que podem aprimorar os aplicativos R Web e Shiny. scaffoldReactWidget() ajuda a criar htmlwidgets para integrar esses componentes React como R htmlwidgets . scaffoldReactShinyInput() faz o mesmo para entradas Shiny . As funções de dependência local são modeladas após o funções html_dependency_* do pacote rmarkdown da RStudio.

Instalação

Você pode instalar o Reactr a partir do cran com install.packages("reactR") . Para a versão de desenvolvimento, use devtools , como mostrado abaixo.

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

Criação de htmlwidgets com componentes do React

Para envolver um componente React como um htmlwidget , consulte o tutorial htmlwidgets com o Reactr. Além disso, existem vários exemplos na organização React-R Github.

reactable é um htmlwidget muito bem construído que alavancava essa funcionalidade.

Saídas e entradas brilhantes

htmlwidgets construídos com reactR funciona bem em brilhante como saídas. Na versão 0.4.0 Alan Dipet adicionou a capacidade de criar facilmente insumos oficiais de Shiny com ajudantes e andaimes. Por favor, consulte o tutorial para mais detalhes.

Exemplos

Abaixo estão exemplos de uso diretamente 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 usa o pacote V8 , se disponível para transformar o código JSX e ES2015 com 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()
  )
)

Contribuindo e código de conduta

Congratulamo -nos com colaboradores e adoraríamos sua participação. Observe que este projeto é lançado com um código de conduta colaborador. Ao participar deste projeto, você concorda em cumprir os termos.