Shiny 的核心運作仰賴反應式機制。就像你在本單元學到的，Shiny 應用中有三種反應式元件。

反應式來源：通常是經由瀏覽器介面傳入的使用者輸入。
反應式導體：位於來源與終端之間的反應式元件，常用來包裝較費時的計算。
反應式終端：會顯示在使用者瀏覽器視窗中的內容，例如圖表或數值表格。

ui <- fluidPage(
  titlePanel('BMI Calculator'),
  theme = shinythemes::shinytheme('cosmo'),
  sidebarLayout(
    sidebarPanel(
      numericInput('height', 'Enter your height in meters', 1.5, 1, 2),
      numericInput('weight', 'Enter your weight in Kilograms', 60, 45, 120)
    ),
    mainPanel(
      textOutput("bmi"),
      textOutput("bmi_range")
    )
  )
)

server <- function(input, output, session) {
  rval_bmi <- reactive({
    input$weight/(input$height^2)
  })
  output$bmi <- renderText({
    bmi <- rval_bmi()
    paste("Your BMI is", round(bmi, 1))
  })
  output$bmi_range <- renderText({
    bmi <- rval_bmi()
    health_status <- cut(bmi, 
      breaks = c(0, 18.5, 24.9, 29.9, 40),
      labels = c('underweight', 'healthy', 'overweight', 'obese')
    )
    paste("You are", health_status)
  })
}

shinyApp(ui, server)

在這個練習中，會提供一組反應式元件。請將每個元件分類為反應式來源、反應式導體或反應式終端。

這有副作用嗎？

使用 R 的 Shiny 建立網頁應用程式

動手互動練習