Skip to contents

bslibreact

An R package for building shinyreact apps that look like bslib apps: it gives a React client the same CSS and JavaScript a bslib page would attach on its own, and hosts server-rendered widgets for that client to display. The matching React components live in the bslibreact npm package. See the root README for the full picture across all three language packages.

Install 

# From r-universe, which has binaries for Windows, macOS and Linux:
install.packages(
  "bslibreact",
  repos = c("https://samuelbharti.r-universe.dev", "https://cloud.r-project.org")
)

# From source, from this repository:
# install.packages("pak")
pak::pak("samuelbharti/bslibreact/pkg-r")

Example 

library(shiny)
library(bslib)
library(shinyreact)
library(bslibreact)

app_theme <- bs_theme(version = 5)

ui <- page_react(page_deps(app_theme), title = "Demo", theme = app_theme)

server <- function(input, output, session) {
  host_input(output, "bins", sliderInput("bins", "Bins", 1, 50, 30))
}

shinyApp(ui, server)

The client reads the hosted slider with <ShinyOutput id="bins_ui" /> (or the HostedInput component from the bslibreact npm package), and reads its value the usual way, from input$bins. A client with no build step also attaches bslibreact_dep(), the vendored bundle it reads as window.bslibreact.

Starting a new app or porting one

See the root repository’s docs/build.md for a new app and docs/porting.md for porting an existing bslib app to this pattern.

Learn more