Container / Presentational

Definition

Separation entre composants qui gerent la logique/donnees (Container) et ceux qui ne font que l'affichage (Presentational). Pattern classique, aujourd'hui souvent remplace par les hooks custom.

Exemple de code

class="cmt">// Container : logique
function UserListContainer() {
  const users = useUsers();
  return <UserListView users={users} />;
}
class="cmt">// Presentational : UserListView({ users }) => JSX pur