// single responsiblity // reusality // testing // performance
10 columns - 5 elements ,
10 x 5 x 100 = 5000
Single Component - 5000 V.DOM elements
Compare DIFF 5000 vs 5000
PATCH -- 1 element 12.35
GC - collect and release 5000
Each Row as an component, Table component
Single Row Component - 50 V.DOM elements Compare DIFF 50 vs 50 PATCH -- 1 element 12.35
-- component12.35 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |
12.34 |