Container/Presentationalコンポーネント
#フロントエンド
#デザインパターン
概要
フロントエンド
のコンポーネント設計において、
関心の分離
を実現するための
デザインパターン
関連ページ
関心の分離についてContainer/Presentationalパターンを例に考える
リンク
英語ページ
Presentational and Container Components
Building pages with Storybook • Storybook docs
(
GitHub
)
Storybook
の公式ドキュメント
Container
コンポーネントを
props
または
Context
を介して受け渡すことで、モックやスタブを使わずにストーリーを記述する方法が紹介されています (
ReactのContextについて考える
)
日本語ページ
Container/Presentationalパターン再入門
フロントエンドのコンポーネントの責務分離のための方針とその効果について | HireRoo Tech Blogs
React Server Component のテストと Container / Presentation Separation | by Yosuke Kurami | Medium
React.js UI/Container分離 × Hooks × Composition で責務を整理してみた話