There is no conventional definition for those patterns in React. The pattern, that is described in the article, usually ether unnamed, called Container components (just google react components composition) or referred to as "containment" in React docs: https://reactjs.org/docs/composition-vs-inheritance.html

Compound components usually refer to something completely different - it's a special pattern when children components depend on their parents, and parents can't render anything other than defined children. For example https://kentcdodds.com/blog/compound-components-with-react-hooks

As for smart-dumb components pattern, it's now, with introduction of hooks, is pretty much obsolete and rarely used. Even Dan Abramov, who introduced it, changed his mind long time ago: https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0

--

--

Frontend architect, coder. Love solving problems, fixing things and writing in-depth tech articles: https://www.developerway.com

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Nadia Makarevich

Nadia Makarevich

Frontend architect, coder. Love solving problems, fixing things and writing in-depth tech articles: https://www.developerway.com

More from Medium

Doing React Twice at Flatiron School

React Virtual DOM, Reconciliation and Fiber Reconciler

Things that might look like React anti-patterns but in fact are not

Best Practices for Optimizing the Performance of React Apps