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:
parent
017ad6ea17
commit
2a5dabdc85
43 changed files with 2030 additions and 1 deletions
89
canon/Scales.md
Normal file
89
canon/Scales.md
Normal 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".
|
||||
Loading…
Add table
Add a link
Reference in a new issue