# How to create a Data Container Component in React

DevFeed: [How to create a Data Container Component in React](<https://devfeed.tech/articles/how-to-create-a-data-container-component-in-react-20737.md>)

Original publisher: [Read original article](<https://blog.fedecarg.com/2018/03/24/react-data-container-component-pattern/>)

Author: Federico

Published: 2018-03-24T14:31:38Z

Content type: tutorial

Language: en

Sources: [Federico Cargnelutti](<https://devfeed.tech/sources/federico-cargnelutti.md>)

Topics: [React](<https://devfeed.tech/topics/react.md>), [ui](<https://devfeed.tech/topics/ui.md>), [Redux](<https://devfeed.tech/topics/redux.md>)

Tags: [component](<https://devfeed.tech/tags/component.md>), [design-patterns](<https://devfeed.tech/tags/design-patterns.md>), [frameworks](<https://devfeed.tech/tags/frameworks.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [node-js](<https://devfeed.tech/tags/node-js.md>), [react](<https://devfeed.tech/tags/react.md>), [redux](<https://devfeed.tech/tags/redux.md>), [ui](<https://devfeed.tech/tags/ui.md>), [ui-components](<https://devfeed.tech/tags/ui-components.md>)

## AI overview

A tutorial on the Data Container pattern in React. It explains how to separate data access and behavior from presentational components, compares inheritance with composition, and mentions Redux and other data-store options.

## Source excerpt

One pattern I've used quite a lot while working with React at the BBC and Discovery Channel is the Data Container pattern. It became popular in the last couple of years thanks to libraries like Redux and Komposer. The idea is simple. When you build UI components in React you feed data into them via [...]