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 typesafe 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.scalajs.org