エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
UIの情報構造に合わせたReact Componentを作る、UI Structureパターン
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
UIの情報構造に合わせたReact Componentを作る、UI Structureパターン
はじめに ReactのComponentを、見通しよく開発しやすい形で設計するパターンを整理しました。 自分がUI ... はじめに ReactのComponentを、見通しよく開発しやすい形で設計するパターンを整理しました。 自分がUI Structureパターンと呼んでいるこの手法では、UIの情報設計として存在する要素分だけReact Componentを作ります。 ReactのデザインパターンはContainer/Presentationalパターンが有名ですが、Container/Presentationalパターンではロジックに関わるものを担うContainer Componentと見た目に関わるものを担うPresentational Componentにわけ、再利用性を高めています。 しかしUI StructureパターンではContainer Componentを作らずhooksやlogicsで切り出して対応します。 とはいっても、Reactの開発に慣れている方にとっては特別目新しいものではないか