Containers components - ProtonMail/proton-pack GitHub Wiki

  • Are concerned with how things work.
  • May contain both presentational and container components** inside but usually don’t have any DOM markup of their own except for some wrapping divs, and never have any styles.
  • Provide the data and behavior to presentational or other container components.
  • Call Flux actions and provide these as callbacks to the presentational components.
  • Are often stateful, as they tend to serve as data sources.
  • Can be generated using higher order components such as connect() from React Redux, createContainer() from Relay, or Container.create() from Flux Utils. Can also be written using hooks.
  • Examples: UserPage, FollowersSidebar, StoryContainer, FollowedUserList.