エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
React Componentのコード共通化方法まとめ - 技術と魚
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
React Componentのコード共通化方法まとめ - 技術と魚
Reactでの開発をしていくと、共通のメソッドを持つようなコンポーネントが増えてくる。一般にJavaScript... Reactでの開発をしていくと、共通のメソッドを持つようなコンポーネントが増えてくる。一般にJavaScriptではクラスのメソッドを共通化する方法は、歴史的な事情も相まって色々な方法がある。チームで開発をする場合などにおいては、方法について一定の規約を持ちたいところだと思う。そこで、各種の方法と、そのメリット・デメリットについてまとめた。 I. Higher Order Component(HOC) I-A. 定義したコンポーネントに依存するコンポーネントを返す形 (Dependency) メリット デメリット I-B. 定義したコンポーネントを継承する形 (Inheritance Inversion) メリット デメリット I-C. 継承済みのコンポーネントを継承して定義する形 (Inheritance) メリット デメリット II. 他のコンポーネントを継承する メリット デメリット