I have an array of User objects ({id, name, age, hobbies}) that I would like to render into a list of HTML div elements that display the contents of the objects (fields and associated values). I know I can use the built-in For element to render this list.
I need help understanding the differences between using signals vs stores in terms of whether or not the entire list of HTML div elements will be re-rendered in the following scenarios:
1. Insert a new User object in the middle of the array
2. Append a new User object to the end of the array elements re-rendered? What if I use stores instead?
3. Update the age field of a specific User object within the array (ex. id="abc123")
4. Append a new value to the hobbies array of a specific User object within the array.