Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vue-r/vueR
vue.js for R
https://github.com/vue-r/vueR
htmlwidgets js r shiny vue
Last synced: 28 days ago
JSON representation
vue.js for R
- Host: GitHub
- URL: https://github.com/vue-r/vueR
- Owner: vue-r
- License: other
- Created: 2016-11-28T22:35:30.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2024-07-26T13:59:28.000Z (5 months ago)
- Last Synced: 2024-11-07T20:12:18.564Z (about 1 month ago)
- Topics: htmlwidgets, js, r, shiny, vue
- Language: R
- Homepage: https://vue-r.github.io/vueR
- Size: 1.09 MB
- Stars: 141
- Watchers: 10
- Forks: 14
- Open Issues: 7
-
Metadata Files:
- Readme: README.Rmd
- Changelog: NEWS.md
- License: LICENSE
Awesome Lists containing this project
- awesome-shiny-extensions - vueR - Use Vue.js in R with htmlwidget constructor templates and local JavaScript dependencies. (UI Components / Vue.js)
- jimsghstars - vue-r/vueR - vue.js for R (R)
README
---
output: github_document
---
```{r, echo = FALSE}
knitr::opts_chunk$set(
collapse = TRUE,
comment = "#>",
fig.path = "README-"
)
```
[](https://github.com/vue-r/vueR/actions)
[](https://CRAN.R-project.org/package=vueR)
[](https://github.com/vue-r/vueR/actions/workflows/R-CMD-check.yaml)
[Vue.js](https://vuejs.org) 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`](https://github.com/timelyportfolio/d3r) and [`reactR`](https://github.com/react-r/reactR).
`vueR` provides these helpers with its dependency function `html_dependency_vue()` and `htmlwidget` helper `vue()`.
### Installation
```
install.packages("vueR")
```
or for the latest if different from CRAN
```
remotes::install_github("vue-r/vueR")
```
### Example
We'll start with a recreation of the simple "Hello World" example from the Vue.js documentation. This is the hard way.
```{r eval=FALSE}
library(htmltools)
library(vueR)
browsable(
tagList(
html_dependency_vue(), # local and minimized by default
tags$div(id="app","{{message}}"),
tags$script(
"
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
});
"
)
)
)
```
`vueR` gives us an `htmlwidget` that can ease the code burden from above.
```{r eval=FALSE}
library(vueR)
library(htmltools)
# recreate Hello Vue! example
browsable(
tagList(
tags$div(id="app", "{{message}}"),
vue(
list(
el = "#app",
data = list(
message = "Hello Vue!"
)
)
)
)
)
```
Also, please check out additional [examples](https://github.com/vue-r/vueR/tree/master/inst/examples) and [experiments](https://github.com/vue-r/vueR/tree/master/inst/experiments).
### Build/Update
`vueR` is now part of a Github organization, and hopefully will be backed with interest by more than one (me) developer. For most `vueR` users, this section will not apply, but I would like to document the build/update step for new versions of `Vue`. In [`getvue.R`](https://github.com/vue-r/vueR/blob/master/build/getvue.R), I created some functions for rapid download and deployment of new `Vue` versions. Running all of the code in `getvue.R` should update local minified and development versions of Vue and also update the version references in `vueR`.
### 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](https://github.com/vue-r/vueR/blob/master/CONDUCT.md). By participating in this project you agree to abide by its terms.