ScrumIA

← All modules

🪢 scrumia-compound-design

The compound component pattern, framework-agnostic — documented side by side for React, Vue, Solid and Angular.

slot · none version · 0.1.0

What it is responsible for

Owns the compound component pattern as a cross-framework capability: a parent exposes its parts through a single API, children reach the parent through context (or the framework's equivalent — provide/inject, signals, a service), and sub-components travel with the parent rather than being scattered across module paths. Translates the same principle into the idiom of React, Vue, Solid and Angular, with one framework doc per family so the variation across the four is visible at a glance.

What it refuses

A prop chain of three or more levels for parent state — context (or its equivalent) is the medium for parent-child state in a compound. Sub-components exported from a separate module path. A compound consumed as a constellation where the parts surface individually rather than through the parent.

The assumption it makes

Assumes the pattern is the same in every framework and the mechanism differs. Costs the discipline to document the same idea four times in four idioms — and to refuse a project that tries to skip the documentation step on the grounds that one framework is enough.

Its skills

Tags

What it plugs into

RegisterDirectionModule
implementcontributesscrumia-github-project

Install it

/plugin install scrumia-compound-design@scrumia

Read the source on GitHub