Preserve initial frontend pattern language research scaffold

Assistant: codex
Assistant-Model: gpt-6-astra
Assistant-Session: 01a0cffe-206f-7323-89d3-b20ca4cf4bf9
This commit is contained in:
tegwick 2026-09-24 07:55:34 +02:00
parent 017ad6ea17
commit 2a5dabdc85
43 changed files with 2030 additions and 1 deletions

89
canon/Scales.md Normal file
View file

@ -0,0 +1,89 @@
# Scales
Patterns operate at different architectural scales.
## L0 — Experience / Product
Concerns the overall interactive system experienced by a user.
Examples:
- collaborative editor,
- transactional workflow,
- content publication,
- offline field application.
## L1 — Application Topology
Large-scale application organization.
Examples:
- independently deployable frontend,
- application shell,
- frontend/backend partitioning.
## L2 — Authority & Distribution
Placement and replication of authoritative state.
Examples:
- server authority,
- local authority,
- replicated authority.
## L3 — Navigation & Projection
Addressability, routing, rendering and delivery of perceivable state.
Examples:
- URL as state,
- server projection,
- client projection,
- streaming projection.
## L4 — Feature / Domain Boundaries
Functional decomposition.
Examples:
- vertical feature slice,
- bounded frontend feature,
- backend for frontend.
## L5 — Components
Reusable interaction and presentation structures.
Examples:
- presentation model,
- compound component,
- controlled component.
## L6 — Interaction & State
Fine-grained interaction behavior.
Examples:
- local interaction state,
- optimistic overlay,
- pending state.
## L7 — Elements / Implementation
Low-level implementation structures.
Examples:
- lazy boundary,
- error boundary,
- focus restoration.
## Rule
Patterns from different scales may relate strongly, but should not be treated as equivalent alternatives merely because they are all called "frontend patterns".