Getting started with Scala js, Laminar and Vite
summary
Builds a small live-editable bar chart using Scala.js, Laminar and Vite and wires Metals and sbt into a fast save–refresh cycle by running sbt ~fastLink and feeding ECMAScript split modules into Vite for subsecond reloads. Uses Laminar VARs and Signals with .split by ID to preserve DOM nodes and two‑way inputs via updater and controlled components. Integrates Chart.js through ScalablyTyped generated typings and pushes data updates to chart.update so the chart and table stay in sync in the demo.
AI-written summary · about
chapters (10)
- 0:00Introduction to tools
- 2:53Scala.js and Vite setup
- 7:08Introduction to Laminar
- 9:31Data model and state
- 12:30Reactive UI rendering
- 17:11Optimizing rendering
- 21:15Integrating Chart.js
- 26:52Building UI components
- 33:44Finalizing the application
- 37:48Summary and Q&A
related talks
45mGetting started with Scala.js, Laminar and Vite
31mSCALA FROM B TO F - BACKEND DEVELOPER ON FRONTEND
44mWriting a Database in Scala.js
31mHow I learned to stop worrying and love the frontend
29mFull Stack Scala Web Application.
50mScala.js, Scala.CSS and React: the Story of a Discovery
56mScala.js: Safety and Sanity in the Wild West of Web development
40mFull Stack Scala