Laminar – Smooth UI Development with Scala.js

Laminar is a reactive UI library for Scala.js. It is an alternative to and a polar opposite of React in many ways. Whether you love React or are annoyed by it, you will definitely learn something new looking at the problem of UI development from a different angle. And if you're interested in type-safe UI development, Scala.js with Laminar might just be the best way to do it.

Links to code, relevant docs, and other references from the slides: https://docs.google.com/document/d/12...

00:00 Introduction
01:01 Why use a UI library?
03:01 Observables
05:20 Static hello world
08:23 Reactive hello world
11:25 Virtual elements?
12:47 Rendering children
20:11 Counter component
22:14 TextInput component
27:34 Rendering async values
33:14 Modifiers (1 of 2)
35:55 Modifiers (2 of 2)
40:20 Observables - State
44:31 Observables - Glitches
47:39 Observables - Memory leaks
50:34 Learning Laminar
52:52 React issues
55:40 React in Scala.js
59:25 Observables vs virtual DOM
01:02:09 React in Laminar
01:04:25 Laminar in React
01:07:01 Laminar like React
01:08:52 Web components (1 of 2)
01:11:12 Web components (2 of 2)
01:14:48 Fin


https://laminar.dev/
https://demo.laminar.dev/
https://github.com/raquo/Laminar
https://github.com/raquo/Airstream
https://www.scala-js.org