How does Vaadin Flow work? (deep dive)

In this replay of an internal Vaadin Learn session, Leif Åstrand explains in detail how Vaadin Flow works.
0:00 - Intro
0:16 - What happens when you press a button?
1:04 - The example application
1:43 - 3 levels of abstraction
3:11 - Initial request
4:26 - Bootstrap page
5:29 - Delegating to the server
7:13 - ClientCallable handling
9:05 - Initial render
9:20 - What happens when you click a button? Event RPC
11:12 - Element view
12:18 - How components map to elements
14:09 - Event handler registration
16:17 - State node view
21:52 - Server-client communication (node changes)
23:23 - Summary
25:08 - Uploads and other special cases

[@braulioarencibia7407]

Thank you!!! This explanation is awesome and also beautiful how vaadin works. My background is from dojo js and VUE js combined with Java in the server side. But the way vaadin works handle all that complexity and seems easy on the surface.

[@xcvgfhbbcv]

Vaadin Flow is the best Java framework I used in my career

[@TomerBenDavid]

A video tutorial on how to make desktop apps with vaadin with integration probably with electron/tauri would be great ⚡⚡

[@xcvgfhbbcv]

Is it possible to introduce truly stateless model to Vaadin Flow in some future releases?