W017

One entry of a whole object read per row (cart[p.id], cart.value[p.id] in a keyed-list row or its props, box.value[prop] in a row component): every change re-runs every row.

Fix: Read the entry from the box: cart.get(p.id); to a row component pass the box (State<Cart>) and read .get(id) there.

Status in weft@0.1.0: reported.

Triggers it:

export function A({ xs, cart }: any) { return <ul>{xs.map((x: any) => <li key={x.id}>{cart[x.id]}</li>)}</ul> }