Reference Implementation

Example Pillar

A worked example of the three-layer architecture: a thin route, a feature component, and the UI primitives it composes.

How this pillar is built

Every page in a CADDi solution is built by composing three layers. This pillar is the canonical reference — copy it when scaffolding a new feature.

The three layers

  • Routes thin wiring under app/routes/. Loaders call data-providers; components render feature components.
  • Feature components self-contained dirs under app/components/features/<pillar>/<name>/ with the 6-file contract.
  • UI primitives generic, token-driven pieces under app/components/ui/ that features compose.

Read more in docs/feature-components.md