株式会社スタメンPublicationへの投稿✨UIの情報構造に合わせたReact Componentを作る、UI Structureパターン山中智仁2023/07/21に公開2023/10/251件Reactデザインfrontendtech株式会社スタメンPublicationエンゲージメント経営プラットフォーム「TUNAG」と情報漏洩を未然に防ぐセキュリティ管理サービス「漏洩チェッカー」を開発しているメンバーによるテックブログです。DiscussionHoney322023/07/21この記事の内容、特に「再利用性が低いじゃないか > 再利用するのは慎重に行うべきです。」のところは、私も全面的に賛成です。 蛇足かもしれませんが、React の公式ドキュメントにもそのような旨の説明があるので、よかったら実装方針の議論などでお使いください。 ほとんどの React アプリでは隅から隅までコンポーネントが使われます。つまり、ボタンのような再利用可能なところでのみ使うのではなく、サイドバーやリスト、最終的にはページ本体といった大きなパーツのためにも使うのです。コンポーネントは、1 回しか使わないような UI コードやマークアップであっても、それらを整理するための有用な手段です。 https://ja.react.dev/learn/your-first-component#components-all-the-way-down 返信を追加
Honey322023/07/21この記事の内容、特に「再利用性が低いじゃないか > 再利用するのは慎重に行うべきです。」のところは、私も全面的に賛成です。 蛇足かもしれませんが、React の公式ドキュメントにもそのような旨の説明があるので、よかったら実装方針の議論などでお使いください。 ほとんどの React アプリでは隅から隅までコンポーネントが使われます。つまり、ボタンのような再利用可能なところでのみ使うのではなく、サイドバーやリスト、最終的にはページ本体といった大きなパーツのためにも使うのです。コンポーネントは、1 回しか使わないような UI コードやマークアップであっても、それらを整理するための有用な手段です。 https://ja.react.dev/learn/your-first-component#components-all-the-way-down 返信を追加
Discussion
この記事の内容、特に「再利用性が低いじゃないか > 再利用するのは慎重に行うべきです。」のところは、私も全面的に賛成です。
蛇足かもしれませんが、React の公式ドキュメントにもそのような旨の説明があるので、よかったら実装方針の議論などでお使いください。