Скачать или смотреть Datastar form validation & SSE

In this video I
1) replace htmx with datastar,
2) show how to use SSE, and
3) demonstrate computed signals for front-end validation.

Datastar: https://data-star.dev

Previous video, form validation with htmx:
   • Form validation with htmx  

Working demo:
https://hypecp.com/demos/datastar-val...

Chapters:
00:00 What we will be doing
01:00 PART 1: Replacing htmx
04:21 data-bind
05:09 data-on and @post
06:14 Sending headers inline (csrf token)
08:23 data-bind-name (demo working text/html response)
10:37 Programming montage! (music from Anastasia Chubarova @ pixabay)
11:45 Submitting the form
15:27 Disabled button & spinner indicator
16:00 data-indicator
16:56 data-attr-disabled
16:34 New datastar website (music from DSTechnician @ pixabay)
17:31 Ben Croker from Datastar fixes a minor bug in realtime!
19:57 data-class
22:19 PART 2: Converting to SSE
26:30 Debugging through the network tab
27:56 The event stream
30:53 PART 3: Computed signals
31:20 data-computed
35:08 Sidequest - keydown debounce race conditions
36:54 data-show
38:04 Signals vs. network validation speed



MUSIC
Old Timey: Diana Didi
https://pixabay.com/users/diana_produ...
Space: DSTechnician
https://pixabay.com/users/dstechnicia...