Tables

These table renders data from an object array.
An update to a cell item updates its whole array data source.

Full Table re-rendering (WARNING!) ❌

On edit, this table renders the object array data using map(), rendering the full table.

Optimized Table row re-rendering ✔️

This table renders the object array data using map().
On edit, it renders only an "updated" table row using a memoized TableRow component.

Table re-rendering all rows (WARNING!) ❌

This table renders the object array data using map().
It‘s using a memoized TableRow component but
it's handleCellUpdate() method, an anonymous function is not memoized using useCallback().
On edit, it renders all table rows.