Answer a 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 ?

Answers

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

Logo

React社区为您提供最前沿的新闻资讯和知识内容

更多推荐