vue.js for R
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
R
build
docs
inst
man
tests
vignettes
.Rbuildignore
.gitignore
.travis.yml
CONDUCT.md
DESCRIPTION
LICENSE
NAMESPACE
NEWS.md
README.Rmd
README.md
vueR.Rproj

README.md

Travis-CI Build StatusCRAN_Status_Badge

Vue.js is a quiet, very popular JavaScript framework with an impressive set of features, a solid community, and MIT license. Don’t tell anybody, but I think I might even like it better than React. With all this, Vue deserves its own set of helpers for R, just like d3r and reactR.

vueR provides these helpers with its dependency function html_dependency_vue and ?htmlwidget?.

Installation

vueR aims to achieve CRAN status, but for now, it only exists on Github.

devtools::install_github("timelyportfolio/vueR")

Example

We’ll start with a recreation of the simple “Hello World” example from the Vue.js documentation. This is the hard way.

library(htmltools)
library(vueR)

browsable(
  attachDependencies(
    tagList(
      tags$div(id="app","{{message}}"),
      tags$script(
      "
      var app = new Vue({
        el: '#app',
        data: {
          message: 'Hello Vue!'
        }
      });
      "
      )
    ),
    html_dependency_vue()
  )
)

vueR gives us an htmlwidget that can ease the code burden from above.

library(vueR)
library(htmltools)

# recreate Hello Vue! example
browsable(
  tagList(
    tags$div(id="app", "{{message}}"),
    vue(
      list(
        el = "#app",
        data = list(
          message = "Hello Vue!"
        )
      )
    )
  )
)

Code of Conduct

I would love for you to participate and help with vueR, but please note that this project is released with a Contributor Code of Conduct. By participating in this project you agree to abide by its terms.