NOTES
Notes & Nodes
Fragrance and Code, Simply Put
-
Higher‑Order Components: The Legacy Pattern You'll Still Meet
1 min read
Wrap a component to inject extra props. Useful to understand, even if hooks are preferred today.
Continue Reading -
Children Pattern: Flexible Slots Without Extra Props
2 min read
Pass UI through the children prop to keep parents flexible and children independent.
Continue Reading -
Function Children Pattern: Pass a Function via Children
2 min read
Share data from a parent and let consumers decide how to render it.
Continue Reading -
Render Props Pattern: Pass a Renderer via a Named Prop
2 min read
Similar to function children, but explicit—pass a render function to customize output.
Continue Reading -
Presentational vs Container Components: Separate How It Looks from How It Works
3 min read
Extract behavior into hooks, render with pure components, and keep your features composable.
Continue Reading