flâneur — a map of the web's best reading

Container/Presentational Pattern

patterns.dev · 1,324 words · saved by 1 readers

Enforce separation of concerns by separating the view from the application logic

In 2015, Dan Abramov wrote an article titled “Presentational and Container Components” that changed the way many developers thought about component architecture in React. He introduced a pattern that separated components into two categories: Presentational Components (or Dumb Components) : These are concerned with how things look. They don’t specify how the data is loaded or mutated but rather receive data and callbacks exclusively via props. Container Components (or Smart Components) : These are concerned with how things work. They provide the data and behavior to presentational or other cont

Explore this link on the map →

saved by

related reading