Web applications with Shiny and React and AI

on YouTube ↗20m

" summary

Shiny backend pairs with a React front end so browser state and server reactivity coexist via useShinyInput and useShinyOutput, sending JSON with renderJSON and rendering plots either server-side images or client-side with ObservablePLOT. A template CLI create-shiny-react-app scaffolds R or Python backends, shadcn-ui components and Tailwind, and requires Node.js. LLMs (Claude SONNET/Opus 4) do most React coding — an Anthropic-API dashboard prototype takes under a day — but the project is experimental and APIs may change.

AI-written summary · about

" chapters (10)

1. 0:00Introduction to React and Shiny
2. 1:07Understanding React
3. 2:00Shiny architecture
4. 3:17React state management
5. 5:32Bridging Shiny and React
6. 7:45Advanced integration patterns
7. 10:48Getting started
8. 12:15Templates and tooling
9. 14:48AI-assisted development
10. 17:53Future and resources

" related talks

• 20mBuilding ML and AI apps with Shiny for PythonWinston Chang · posit::conf(2024)
• 22mIntegrating React.js and ShinyAlan Dipert · rstudio::conf 2019
• 44mShiny: Data-centric web applications in PythonJoe Cheng · PyData Seattle 2023
• 35mBuild Simple and Scalable Apps with ShinyGordon Shotwell, Tracy Teal · PyData NYC 2023
• 42mConfident web development with ReactJulien Phalip · DjangoCon US 2015
• 32mDash: Interactive Data Visualization Web Apps with no JavascriptDom Weldon · EuroPython 2019
• 01h 44mShinylive - Running R and Python Dashboards without a ServerMario Annau · DSC Europe 23
• 32mWeb Applications by Example: Client, Server, DevelopmentSteffen Beyer · :clojureD 2015