# Basic Cache
> Create and use a basic in-memory cache with get, set, and delete operations in an interactive @humanspeak/memory-cache demo for TypeScript apps.
**Source:** [https://memory.svelte.page/examples/basic-cache](https://memory.svelte.page/examples/basic-cache)
**Markdown mirror:** [https://memory.svelte.page/examples/basic-cache.md](https://memory.svelte.page/examples/basic-cache.md)
---
This mirror preserves the prose, implementation notes, and runnable Svelte source behind the live example page.
## FIG-001: set + get with memorycache.
Create a `MemoryCache` and drive the core `set`, `get`, and `delete` methods against live state.
**Metadata:** tag: `CACHE-BASICS` | pattern: `basic operations`
### Notes
- The demo starts with `user:1`, `user:2`, and `config`, then mirrors every operation into the live table.
- `set(key, value)` writes a value; `get(key)` returns the cached value without changing the store.
- A missing `get` returns `undefined` and marks the `lookup` telemetry plus `result` row red.
- Use `delete`, `clear()`, and `reset` to compare one-key removal, an empty cache, and the seeded baseline.
### Source
#### Default.svelte
Source file: [src/lib/examples/basic-cache/demos/Default.svelte](https://github.com/humanspeak/memory-cache/blob/main/docs/src/lib/examples/basic-cache/demos/Default.svelte)
```svelte
items · {entries.length}
capacity · {capacity}
ops · {operationCount}
last · {lastOperationLabel}
lookup · {lookupLabel}
set
write or update a key
read without mutating state
result · {resultLabel}
key
value
action
{#if entries.length === 0}
cache empty
set a key to populate the in-memory store
{:else}
{#each entries as entry, index (entry.key)}