ارتقاء قدرت R با React: خلق ویجت‌های پویا و ورودی‌های پیشرفته Shiny با پکیج reactR

در دنیای توسعه وب، React به عنوان یکی از قدرتمندترین کتابخانه‌ها برای ساخت رابط‌های کاربری تعاملی شناخته می‌شود. حالا تصور کنید بتوانید این قدرت را در کنار R، زبانی که برای تحلیل داده و علم آمار به‌خوبی جا افتاده، استفاده کنید. پکیج reactR دقیقا این امکان را فراهم می‌کند. با استفاده از این پکیج، می‌توانید کامپوننت‌های React را به سادگی در قالب htmlwidget‌ها به کار ببرید و اپلیکیشن‌های Shiny و وب را به سطح جدیدی از تعامل و زیبایی برسانید.

در این مقاله، به شما توضیح می‌دهیم که چگونه با کمک reactR می‌توانید از توابع آماده برای ساخت ویجت‌های پویا و ورودی‌های Shiny استفاده کنید. از نصب و راه‌اندازی گرفته تا ایجاد نمونه‌های واقعی، شما با دنیایی از قابلیت‌های جدید برای ترکیب React و R آشنا خواهید شد.

پکیج reactR توابعی کاربردی برای استفاده از React در R ارائه می‌دهد که شامل الگوهای ساخت htmlwidget و وابستگی‌های محلی جاوااسکریپت است. اکوسیستم React پر از کامپوننت‌هایی است که می‌توانند اپلیکیشن‌های وب و Shiny در R را بهبود ببخشند. تابع scaffoldReactWidget() به شما کمک می‌کند تا htmlwidgetهایی بسازید که این کامپوننت‌های React را به htmlwidgetهای R تبدیل کنند. همچنین، تابع scaffoldReactShinyInput() برای ورودی‌های Shiny همین کار را انجام می‌دهد. توابع وابستگی محلی هم شبیه توابع html_dependency_* از پکیج rmarkdown در RStudio طراحی شده‌اند.

برای اینکه بتوانید از این پکیج استفاده کنید، کافیه که در چند مرحله ساده نصبش کنید. ما اینجا گام‌به‌گام نصب reactR را به شما آموزش می‌دهیم تا در کمترین زمان بتوانید پروژه‌هاتون رو به سطح جدیدی از تعامل و کارایی برسونید. با ما همراه باشید و همین حالا شروع کنید!

آموزش نصب پکیج reactR

برای نصب پکیج reactR و آماده‌سازی محیط توسعه خودتون، کافی است مراحل زیر را دنبال کنید:

1. اول باید نرم‌افزار R و محیط توسعه RStudio را روی سیستم خودتون نصب کنید.

2. بعد RStudio را باز کرده و دستور زیر را در کنسول وارد کنید تا پکیج reactR را از CRAN نصب کنید:

install.packages("reactR")

3. اگر به نسخه توسعه‌یافته نیاز دارید، اول پکیج devtools را نصب کنید:

install.packages("devtools")

4. سپس با استفاده از این دستور، reactR را از GitHub نصب کنید:

devtools::install_github("react-R/reactR")

پس از نصب، می‌توانید از قابلیت‌های reactR در پروژه‌های R و Shiny خود استفاده کنید و اپلیکیشن‌های تعاملی و پویا بسازید.

ساختن htmlwidget با کامپوننت‌های React

برای تبدیل یک کامپوننت React به یک htmlwidget، می‌تونید به آموزش htmlwidgets with reactR مراجعه کنید. همچنین مثال‌های متنوعی در سازمان react-R روی GitHub موجود است که می‌توانید از آن‌ها بهره ببرید.

یکی از نمونه‌های خوب که از این قابلیت استفاده می‌کند، reactable است، که یک htmlwidget به خوبی طراحی شده برای این کار است.

خروجی‌ها و ورودی‌های پکیج Shiny

htmlwidget هایی که با reactR ساخته می‌شوند، به خوبی به عنوان خروجی در Shiny کار می‌کنند. از نسخه 0.4.0، Alan Dipert امکان ساخت ورودی‌های رسمی Shiny مبتنی بر React را با کمک ابزارها و اسکافولدهای مخصوص اضافه کرده است. برای اطلاعات بیشتر و جزئیات کامل می‌توانید به آموزش مربوطه مراجعه کنید.

مثال‌ها

حالا برای اینکه بهتر با این پکیج آشنا بشوید، در ادامه چند مثال ساده از استفاده مستقیم reactR را براتون آماده کردیم. این مثال‌ها به شما کمک می‌کنند تا بفهمید چطور می‌توانید از React در R استفاده کنید و اپلیکیشن‌های وب بسازید. پس با ما همراه باشید و این مثال‌ها رو بررسی کنید تا با کارایی reactR آشنا بشید!

• مثال اول:

library(reactR)
library(htmltools)

browsable(tagList(
  tags$div(id = "app"),
  tags$script(
  "
    ReactDOM.render(
      React.createElement(
        'h1',
        null,
        'Powered by React'
      ),
      document.getElementById('app')
    )
  "
  ),
  #add core-js first to work in RStudio Viewer
  html_dependency_corejs(),
  html_dependency_react()
))

پکیج reactR در صورت موجود بودن، از پکیج V8 استفاده می‌کند تا کدهای JSX و ES2015 را با کمک babel تبدیل کند.

library(reactR)
library(htmltools)

browsable(
  tagList(
    tags$div(id = "app"),
    tags$script(
      babel_transform('ReactDOM.render(<h1>Powered By React/JSX</h1>,document.getElementById("app"))')
    ),
    # add core-js shim first for React in older versions of RStudio Viewer
    #html_dependency_corejs(),
    html_dependency_react()
  )
)

نتیجه‌گیری

در دنیای ترکیب فناوری‌ها، وقتی قدرت React و R کنار هم قرار می‌گیرند، می‌توانیم به سطحی از تعامل و جذابیت برسیم که تا پیش از این تصورش را نمی‌کردیم. پکیج reactR این امکان را فراهم کرده است تا از بهترین‌های هر دو دنیا بهره‌مند شویم، React با توانایی‌های بی‌نظیرش در ساخت رابط‌های کاربری و R با قدرتش در تحلیل داده و مصورسازی. این ترکیب، دنیای توسعه وب و اپلیکیشن‌های Shiny را به سطحی جدید از عملکرد و زیبایی می‌برد.

با استفاده از reactR، شما نه‌تنها می‌توانید از کامپوننت‌های React در R بهره ببرید، بلکه با ابزارهای این پکیج به‌راحتی ویجت‌ها و ورودی‌های تعاملی Shiny بسازید. این ابزار راه را برای توسعه‌دهندگان باز می‌کند تا بدون نیاز به یادگیری عمیق جاوااسکریپت، از تمام قابلیت‌های React در پروژه‌های R خود استفاده کنند.

پس اگر به دنبال ساخت اپلیکیشن‌هایی پویا، جذاب و کارآمد هستید، reactR بهترین راه‌حل شماست. همین حالا دست به کار شوید و از این ترکیب قدرتمند در پروژه‌های خود بهره‌مند شوید. نوآوری منتظر شماست!