javascript - Redux Presentational Components Vs Container Component

Question

I'm beginner of react development with redux. I'm wondering what are the Presentational Components and Container Components.

• How to categorized components as Presentational or Container ?
• What are the difference between these two ?
• What are the benefit of categorizing components this way ?

Answer 1

You’ll find your components much easier to reuse and reason about if you divide them into two categories. I call them Container and Presentational components.

I assume you have knowledge about redux architecture

Container Components

• Aware of redux
• Subscribe redux state
• Dispatch to redux actions
• Generated by react-redux
• Focus on how things work

Presentational Componets

• Unaware of redux
• Read data from props
• Invoke callbacks on props
• Written by developer
• Focus on how thing look

Benefits of categorizing components

• Reusability
• Separation of concerns

For more details read this article