This course will be retired on April 12, 2021.
Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Start a free Courses trial
to watch this video
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.
New Terms
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.
Further Reading
You need to sign up for Treehouse in order to download course files.
Sign up