Trying out some React patterns of yesteryear.
- HOC
- Render props
- Functions as Children (FAAC)
- Compound components
- Prop getters
- https://learn.react-js.dev/advanced-concepts/higher-order-components
- https://medium.com/@NicolasCordin/the-four-react-patterns-i-use-the-most-in-2018-f3156923c7ff#3f52
- https://iq.js.org/questions/react/what-is-the-purpose-of-forward-ref-in-hocs
- https://react-typescript-cheatsheet.netlify.app/docs/hoc/full_example/
- https://blog.logrocket.com/understanding-react-higher-order-components/
- https://learn.react-js.dev/advanced-concepts/render-props-and-functions-as-a-child
- https://react.dev/reference/react/cloneElement#passing-data-with-a-render-prop
- https://medium.com/@NicolasCordin/the-four-react-patterns-i-use-the-most-in-2018-f3156923c7ff#0ee9
- https://react-typescript-cheatsheet.netlify.app/docs/advanced/patterns_by_usecase/#props-render-props
- https://phuoc.ng/collection/react-ref/pass-refs-to-child-components-using-the-function-as-a-child-pattern/
- https://reactpatterns.js.org/docs/function-as-child-component/
- https://learn.react-js.dev/advanced-concepts/render-props-and-functions-as-a-child
- https://americanexpress.io/faccs-are-an-antipattern/
- https://medium.com/@cristiansima/typescript-ing-react-cloneelement-or-how-to-type-a-child-element-with-props-injected-by-the-parent-73b6ad485f8b
- https://medium.com/swlh/extending-react-standard-types-to-allow-for-children-as-a-function-ba7fdde52e0b
- https://medium.com/@NicolasCordin/the-four-react-patterns-i-use-the-most-in-2018-f3156923c7ff#1386
- https://techblog.commercetools.com/seven-patterns-by-example-the-many-ways-to-type-radio-in-react-bfe14322bb6f#d0a8