React quality components
Does the component say what it is?
Quality requirement
Use native elements, truthful names, ordered-process semantics only for real ordered processes, and one durable state model.
Why is this question here?
Source order · no numerical ranking receipt supplied
This view preserves the order supplied by its source adapter. Its position is not a probability or a measure of truth.
How is this answer supported?
semantic role inspection
accessible-name query
copy/ontology review
src/domain/react-quality-components.tsYAWNS/Product/YAWN_REACT_QUALITY_COMPONENTS.yawn
Do every input path and state transition agree?
Quality requirement
Scroll, pointer, keyboard, and explicit controls must converge on the same state without auto-advancing or stealing focus.
Why is this question here?
Source order · no numerical ranking receipt supplied
This view preserves the order supplied by its source adapter. Its position is not a probability or a measure of truth.
How is this answer supported?
state-machine unit test
keyboard pass
focus-retention pass
src/domain/react-quality-components.tsYAWNS/Product/YAWN_REACT_QUALITY_COMPONENTS.yawn
Can different bodies and tools operate it?
Quality requirement
Protect keyboard access, visible and unobscured focus, reduced motion, announcements, reflow, and at least 24×24 CSS-pixel targets.
Why is this question here?
Source order · no numerical ranking receipt supplied
This view preserves the order supplied by its source adapter. Its position is not a probability or a measure of truth.
How is this answer supported?
WCAG 2.2 review
screen-reader names
320 CSS-pixel reflow
src/domain/react-quality-components.tsYAWNS/Product/YAWN_REACT_QUALITY_COMPONENTS.yawn
Is the interface helping a decision without steering it covertly?
Quality requirement
Compare one named dimension at a time, give valid options equal prominence, permit depends/no-preference, and never nag after a skip.
Why is this question here?
Source order · no numerical ranking receipt supplied
This view preserves the order supplied by its source adapter. Its position is not a probability or a measure of truth.
How is this answer supported?
option-symmetry review
default disclosure
no-forced-choice test
src/domain/react-quality-components.tsYAWNS/Product/YAWN_REACT_QUALITY_COMPONENTS.yawn
Who chose this, where does it apply, and can it be reversed?
Quality requirement
Keep explicit choices separate from inference; attach principal, scope, source, revision, provenance, reset, undo, and effect boundaries.
Why is this question here?
Source order · no numerical ranking receipt supplied
This view preserves the order supplied by its source adapter. Its position is not a probability or a measure of truth.
How is this answer supported?
scope-resolution test
provenance receipt
undo/reset test
src/domain/react-quality-components.tsYAWNS/Product/YAWN_REACT_QUALITY_COMPONENTS.yawn
Does the component avoid unnecessary work?
Quality requirement
Apply the repository's React performance rules for waterfalls, bundles, server/client work, rerenders, rendering, JavaScript, and advanced patterns.
Why is this question here?
Source order · no numerical ranking receipt supplied
This view preserves the order supplied by its source adapter. Its position is not a probability or a measure of truth.
How is this answer supported?
React checklist review
bundle boundary review
rerender inspection
src/domain/react-quality-components.tsYAWNS/Product/YAWN_REACT_QUALITY_COMPONENTS.yawn
Does it remain coherent across size, motion, and input modes?
Quality requirement
Reflow without horizontal page overflow, preserve readable order, avoid clipped focus, and use proximity rather than trapping snap behavior.
Why is this question here?
Source order · no numerical ranking receipt supplied
This view preserves the order supplied by its source adapter. Its position is not a probability or a measure of truth.
How is this answer supported?
desktop screenshot
390px screenshot
short-viewport pass
src/domain/react-quality-components.tsYAWNS/Product/YAWN_REACT_QUALITY_COMPONENTS.yawn
What evidence says the component actually works?
Quality requirement
Pair claims with focused tests, lint and type checks, runtime/console inspection, screenshots, and explicit unresolved lacunae.
Why is this question here?
Source order · no numerical ranking receipt supplied
This view preserves the order supplied by its source adapter. Its position is not a probability or a measure of truth.
How is this answer supported?
automated receipt
browser receipt
known-gap record
src/domain/react-quality-components.tsYAWNS/Product/YAWN_REACT_QUALITY_COMPONENTS.yawn