Rendering Example

Each table is identical. Edit a Quantity cell or run the example.

Run Example Edit

SolidJS

Updates only dependent values

Product	SKU	Category	QuantityQty	Unit pricePrice	Total
Moon Rover	SET-0001	Space	120	$49.99	$5,998.80
Dragon Keep	SET-0002	Fantasy	40	$79.99	$3,199.60
Rainbow Racer	SET-0003	Vehicles	75	$29.99	$2,249.25
Pirate Robot	SET-0004	Adventure	123	$14.56	$1,790.88
Ocean Treehouse	SET-0005	Ocean	160	$93.75	$15,000.00
Dinosaur Museum	SET-0006	Dinosaurs	197	$54.94	$10,823.18
Rainbow Arcade	SET-0007	Creative	234	$16.13	$3,774.42
Volcano Castle	SET-0008	Adventure	31	$95.32	$2,954.92
Arctic Submarine	SET-0009	Exploration	68	$56.51	$3,842.68
Neon Train	SET-0010	City	105	$17.70	$1,858.50
Galaxy Castle	SET-0011	Space	142	$96.89	$13,758.38
Dragon Submarine	SET-0012	Fantasy	179	$58.08	$10,396.32
Jungle Train	SET-0013	Adventure	216	$19.27	$4,162.32
Pirate Rover	SET-0014	Adventure	13	$98.46	$1,279.98
Ocean Ship	SET-0015	Ocean	50	$59.65	$2,982.50
Dinosaur Race Car	SET-0016	Dinosaurs	87	$20.84	$1,813.08
Rainbow Robot	SET-0017	Creative	124	$100.03	$12,403.72
Volcano Treehouse	SET-0018	Adventure	161	$61.22	$9,856.42
Arctic Museum	SET-0019	Exploration	198	$22.41	$4,437.18
Neon Arcade	SET-0020	City	235	$101.60	$23,876.00
Inventory value · 20 rows			$136,458.13

React

Every row runs again

React.memo

Unchanged rows are skipped

Which components re-render?

SolidJS—

React—

React.memo—

How many totals are recalculated?

SolidJS—

React—

React.memo—

How many text values change on screen?

SolidJS—

React—

React.memo—

Reset tables ↺