React to ScalaJS

on YouTube ↗57m

" summary

Demonstrates that Scala-JS 0.6 non-experimental compiles real Scala to browser JS with source maps and Google Closure optimization, producing a small bundle (hello world ~100 KB). Builds a working React front end using scalajs-react + uPickle + Google Closure for DOM, AJAX (Scala Futures) and a map via OpenLayers; a search-for-location + comments demo successfully runs. Notes practical limits: compile cycles are seconds not milliseconds and ecosystem patterns/blueprints are still immature.

AI-written summary · about

" chapters (11)

1. 0:00Introduction and background
2. 3:38Scala JS overview and setup
3. 9:20Hello World in Scala JS
4. 14:20Using Scala libraries with Scala JS
5. 21:15AJAX and JSON with Scala JS
6. 25:59Why choose React for Scala JS
7. 29:13Building React components in Scala
8. 35:59Stateful components in React
9. 46:30Final application structure
10. 49:21Challenges and future of Scala JS
11. 51:52Q&A and closing remarks

" related talks

• 50mScala.js, Scala.CSS and React: the Story of a DiscoveryMaude Cahuet M Gedik C Murer · ScalaIO 2018
• 40mMy Scala application from head to toeFrançois Laroche, Charley Pestoury · Scala.IO 2017
• 34mIntegrating React with Scala...Niole Nelson · Scale By The Bay 2019
• 31mSCALA FROM B TO F - BACKEND DEVELOPER ON FRONTENDFilip Michalski · Scalar Conference 2023
• 31mHow I learned to stop worrying and love the frontendOtto Chrons · Scala Days Copenhagen 2017
• 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
• 44mUsing Scala.js and functional reactive programming for developing (enterprise) applicationsMartin Odersky, Ingo Maier · Scala Days Copenhagen 2017