Form of Art.

on YouTube ↗34m

" summary

A live demo shows a seat‑selection system built with Angular reactive forms backed by server updates (websocket or polling), where each seat is a custom FormControl per seat that gets disabled when occupancy events arrive. The form uses Observables (switchMap, BehaviorSubject, scan) to initialize, count selections, and combine streams, and an async validator hitting DB service to check occupancy and unselect / disable seats while showing a five‑second error. Code patterns include avoiding emitEvent on programmatic disables.

AI-written summary · about

" chapters (12)

1. 0:00Intro
2. 1:30Demo
3. 3:20Architecture
4. 4:37Why a form
5. 5:35Reactive programming
6. 10:25Initializing Form
7. 15:39Creating a Form Array
8. 17:30Realtime Updates
9. 18:09Disable Control
10. 21:20Array Validation
11. 22:47Factory Function
12. 32:04Notes

" related talks

• 43mReactive Powered: RxJS with Angular FormsShmuela Jacobs · JavaScript fwdays'19
• 31mExtreme reactive forms in AngularShmuela Jacobs · FrontEnd Con 2018
• 50mReactive Powered: RxJS with Angular FormsShmuela Jacobs · YGLF 2019: Code Camp
• 35mLet's Build a Form Around ItSani Yusuf · ComponentsConf 2019
• 31mEnterprise Grade Angular Reactive FormsJuri Strumpflohner · NG-BE 2019
• 25mForm of Art: Validation in Angular FormsShmuela Jacobs · Ng-Poland 2017
• 48mHandling Angular Forms Without Losing Your SanityJennifer Wadella · NDC Sydney 2019
• 24mReactive Powered: RxJS with Angular FormsShmuela Jacobs · NG Poland 2019