Scala.js, Scala.CSS and React: the Story of a Discovery

on YouTube ↗50m

" summary

A demonstration of a full‑stack Scala pipeline using Scala.js, scalajs-react and Scala.CSS to build a small Halloween image‑swipe app. The project shares a single model via an sbt cross‑project so front‑end and back‑end use the same types, uses sbt for incremental compilation and hot reload, runs tests in the browser, integrates a JS library (Konami) via a Scala.js facade, and reports performance close to native JS with a small slowdown; the prototype was produced in two months.

AI-written summary · about

" chapters (11)

1. 0:00Introduction
2. 3:36Halloween app overview
3. 11:18Scala.js React structure
4. 20:11React components in Scala.js
5. 25:36Styling with Scala.CSS
6. 28:23Frontend API calls
7. 31:01JS library integration
8. 33:34Automated tests
9. 37:51Performance benchmarks
10. 39:15Scala.js pros and cons
11. 43:12Experience conclusion

" related talks

• 40mMy Scala application from head to toeFrançois Laroche, Charley Pestoury · Scala.IO 2017
• 57mReact to ScalaJSMaciek Próchniak · Voxxed Days Bucharest 2016
• 34mIntegrating React with Scala...Niole Nelson · Scale By The Bay 2019
• 32mTaming complex webapps with Scala and ReactKavita Laddad · Scale By The Bay 2019
• 48mSlinky A Modern Toolkit for Modern AppsShadaj Laddad · Scala Days New York 2018
• 31mHow I learned to stop worrying and love the frontendOtto Chrons · Scala Days Copenhagen 2017
• 29mFull Stack Scala Web Application.Pathikrit Bhowmick · Scale By the Bay 2023
• 56mScala.js: Safety and Sanity in the Wild West of Web developmentLi Haoyi · Philly ETE 2015