🧠 Memorio Vanilla JS Demo

1. State (Reactive)

Global reactive state - changes trigger UI updates automatically

Increment Counter Decrement Reset

Set Username:

Set

Theme:

Light Dark

All State:

2. Store (localStorage)

Permanent storage - survives page refresh

Persistent: checking...

Save Get Delete

All Store Data:

3. Session (sessionStorage)

Temporary storage - cleared when tab closes

Persistent: checking...

Save Get Delete

All Session Data:

4. Cache (In-Memory)

Temporary cache - cleared on refresh

Save Get Delete

All Cache Data:

5. Observer (Auto-Reactive)

Watch for state changes automatically

Start Observer Stop Observer Trigger Change

Observer Log:

6. Platform Info