Reactive Shopping Cart with Signals (@preact/signals-core via CDN, No Build Step)

A live shopping cart total that updates with no virtual DOM diffing at all, using @preact/signals-core loaded straight from a CDN as an ES module. Each quantity is a signal(), the subtotal/tax/total are computed() from them, and effect() writes only the exact DOM nodes that depend on a given signal - the fine-grained reactivity model now shared by Preact, Solid, Vue and Angular, without adopting any of those frameworks.

Category

img binocular Views: 7
Creation date 2026
Author hayley_miller

Associated Tags

signals preact signals fine-grained reactivity cdn no build step computed effect state management vanilla javascript no framework

Related snippets :

Command Palette (⌘K) with Native <dialog>, No Library
Command Palette (⌘K) with Native , No L...


Copy to Clipboard Button with Animated Feedback
Copy to Clipboard Button with Animated Feedback


Dark Mode Toggle with CSS Variables & LocalStorage (Vanilla JS)
Dark Mode Toggle with CSS Variables & LocalStor...


Toast Notifications with the Native Popover API (No JS Library)
Toast Notifications with the Native Popover API...