This course will be retired on April 12, 2021.
In this video, we'll discuss best practices when designing your component hierarchy. A good pattern to follow when developing components is to start with the components that have no dependency on other components (the innermost components) and work backwards from there.
Container Component: Redux aware component that usually defines no markup of its own but instead relies on composing presentational components into a cohesive UI
Logical Component: Presentational component that has its own state to manage and may or may not make use of React lifecycle events
Pure Component: Presentation component that is implemented as a pure function. These components are passed props and return markup, no questions asked, no side-effects. That means they do not manage a state of their own and do not take part in React life cycle events.
Component Hierarchy: A composition of React components represented as a tree that depicts the component structure.
You need to sign up for Treehouse in order to download course files.Sign up