Learn how to spot and eliminate duplicate sources of truth in your Angular apps.
In this video, we will learn how to share an #angular component with URL, so that anyone can view the same data. We will also understand that we don't need form control every time we have a form, we simply use property binding and native events to handle functionalities. We will also learn about usages for angular router snapshot, withComponentInputBinding function, input signal, effect function, and much more!
0:00 Intro
1:08 - Syncing URL with valueChanges
02:47 - Syncing value with activatedRouteSnapshot
4:33 - The bug we introduced
9:18 - Why the URL is the source of truth
10:50 - Removing usage of form & add input signal to derive search text from URL
12:24 - Update route on user input
13:16 - Mimic formControl using new class
17:20 - How to spot duplicate sources of truth
Angular Material 3 Theming System: Complete Guide: angular-material.dev/courses/overview/m3-ng-components
x.com/shhdharmen
x.com/ngMaterialDev
React video: ua-cam.com/video/fYqMPvPvVAc/v-deo.htmlsi=uPRJBrpo8rMwXfPB