microtags example
5
Client-side validation
Keyed rendering preserves state
Type into a row, then watch the tick or press Shuffle. Your text rides along because rows are reused by key, never rebuilt; while the list merely re-renders, the row you are editing even keeps its focus and caret.
Context: nearest provider wins
Context is passed based on the document structure, meaning the "card" coponent gets its context from the most immediate ancestor that provides it.
The outer provider themes Card A and Card B. The nested provider themes only Card C: toggling the outer leaves Card C alone, and toggling the nested one leaves A and B alone.