Reusable Validation and Schemas in Angular Signal Forms Quiz

Explore key concepts of reusable validation logic, form schemas, and code efficiency in Angular Signal Forms using real-world scenarios and examples.

1. Understanding DRY in Form Validation

   Which principle emphasizes minimizing duplicated logic, especially when validating similar fields across multiple forms?

   1. YAGNI (You Aren't Gonna Need It)
   2. SOLID
   3. DRY (Don't Repeat Yourself)
   4. KISS (Keep It Simple, Stupid)

   Explanation: DRY encourages writing reusable code to avoid repetition, which is especially important in form validation. KISS focuses on simplicity, SOLID refers to object-oriented design principles, and YAGNI warns against adding unnecessary features. DRY directly addresses reducing duplication.

2. Role of Schemas in Signal Forms

   What does a schema typically define in Angular's Signal Forms?

   1. Application color themes
   2. Validation logic, metadata, and readonly rules
   3. Database relationships
   4. Network communication protocols

   Explanation: In Signal Forms, a schema encompasses validation logic, form metadata, and readonly rules. The other options—color themes, network protocols, and database relationships—are unrelated to schemas in this context.

3. Reusable Validation Example

   If the status field in a form is set to 'completed', what should happen to the dueDate field according to the shared validation logic?

   1. dueDate is required to be today's date
   2. dueDate should become read-only
   3. dueDate must be empty
   4. dueDate accepts past dates

   Explanation: When status is 'completed', the dueDate becomes read-only. Making it empty or requiring today's date is not part of the described logic, and accepting past dates is incorrect—other conditions require future dates.

4. TypeScript Interface Matching

   How does TypeScript ensure objects match an interface used for shared form validation logic?

   1. By name-matching the interface
   2. Through explicit inheritance only
   3. With runtime checks
   4. By structural typing

   Explanation: TypeScript uses structural typing, so objects match interfaces by having the correct properties and types, regardless of explicit implementation. Explicit inheritance and name-matching are not required, and runtime checks do not enforce TypeScript interfaces.

5. Applying Reusable Schemas

   What function can you use to add a reusable set of validation rules to a form in Signal Forms without duplicating code?

   1. apply
   2. inject
   3. attachRules
   4. duplicate

   Explanation: The apply function lets you attach a reusable schema's rules to another form. The other options (duplicate, inject, attachRules) are not mentioned or used for this purpose.