reactR

reactr

reactR จัดทำฟังก์ชั่นความสะดวกสบายสำหรับการใช้ React ใน R ด้วยเทมเพลต htmlwidget Constructor และการพึ่งพา JavaScript ในท้องถิ่น ระบบนิเวศ React นั้นอุดมไปด้วยส่วนประกอบที่สามารถปรับปรุงเว็บ R และแอพที่เป็นประกาย scaffoldReactWidget() ช่วยสร้าง htmlwidgets เพื่อรวมส่วนประกอบ React เหล่านี้เป็น R htmlwidgets scaffoldReactShinyInput() ทำเช่นเดียวกันกับอินพุตที่ Shiny ฟังก์ชั่นการพึ่งพาในท้องถิ่นนั้นถูกสร้างแบบจำลองหลังจากฟังก์ชั่น html_dependency_* จากแพ็คเกจ rmarkdown ของ Rstudio

การติดตั้ง

คุณสามารถติดตั้ง Reactr จาก CRAN ด้วย install.packages("reactR") สำหรับเวอร์ชันการพัฒนาโปรดใช้ devtools ตามที่แสดงด้านล่าง

 # install.packages("devtools")
devtools :: install_github( " react-R/reactR " )

การสร้าง htmlwidgets ด้วยส่วนประกอบ React

หากต้องการห่อส่วนประกอบ React เป็น htmlwidget โปรดดูการสอน htmlwidgets ด้วย Reactr นอกจากนี้ยังมีตัวอย่างที่หลากหลายในองค์กร React-R GitHub

reactable เป็น htmlwidget ที่สร้างขึ้นอย่างดีซึ่งใช้ประโยชน์จากฟังก์ชั่นนี้

เอาต์พุตและอินพุตมันวาว

htmlwidgets ที่สร้างขึ้นด้วย reactR ทำงานได้ดีในความเงางามเป็นเอาต์พุต ในเวอร์ชัน 0.4.0 Alan Dipert ได้เพิ่มความสามารถในการสร้างอินพุต Shiny เป็นทางการตามปฏิกิริยากับผู้ช่วยและนั่งร้าน โปรดดูการสอนสำหรับรายละเอียดเพิ่มเติม

ตัวอย่าง

ด้านล่างนี้เป็นตัวอย่างของการใช้ 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()
  )
)

การสนับสนุนและจรรยาบรรณ

เรายินดีต้อนรับผู้มีส่วนร่วมและจะรักการมีส่วนร่วมของคุณ โปรดทราบว่าโครงการนี้ได้รับการปล่อยตัวพร้อมกับจรรยาบรรณของผู้สนับสนุน โดยการเข้าร่วมในโครงการนี้คุณตกลงที่จะปฏิบัติตามข้อกำหนด