Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 7 additions & 7 deletions vignettes/shiny.fluent.Rmd
Original file line number Diff line number Diff line change
Expand Up @@ -22,21 +22,21 @@ This tutorial demonstrates how to build a dynamic Shiny application using `react

Initially, ensure you have the necessary rhino package installed. You can do this by running the following command in your R console:

```{r}
```r
# Install rhino if not yet installed
install.packages("rhino")
```

Next, you will need to create a new rhino project. If you haven't already set up a rhino project, you can do so by running the following command in your R console:

```{r}
```r
# Initialize a new rhino project (will create project scaffolding)
rhino::init()
```

This will create a basic structure for your application. Add the following libraries to your `dependencies.R` file:

```{r}
```r
# dependencies.R

library(rhino) # App structure
Expand All @@ -51,7 +51,7 @@ library(treesitter.r) # Optional: R syntax support

and then

```{r}
```r
renv::snapshot()
```

Expand All @@ -72,7 +72,7 @@ The components of the application will be structured as follows:

The final strucutre of the `app` will look like this:

```
```yml
├── app
│ ├── js
│ │ └── index.js
Expand Down Expand Up @@ -105,7 +105,7 @@ The final strucutre of the `app` will look like this:

The main part of the application to address the routing and the UI components is in the `app.R` file.

```{r}
```r
# app / main.R

box::use(
Expand Down Expand Up @@ -190,7 +190,7 @@ This function defines the overall layout and routing of the application using re

You can now run your app locally with the following script:

```{r}
```r
# run_dev.R

rhino::build_js()
Expand Down