タグ

hocに関するjohshishaのブックマーク (3)

  • React の Higher-order Components の利用方法 - Qiita

    前書き この資料は2016/12/15 に行われた【ランサーズ×Mozilla×freeeReact実践!勉強会で発表した際の資料を改修したものです。 (qitta に投稿するのが初めての場合、2MBまでしか画像をアップできないので、編集してます) 間違いなどがあれば、コメントや編集リクエストなどをいただければありがたいです。 目次 対象読者 HOC とは何か? HOC の基礎 実際に利用されているライブラリについて HOC の具体的な実装例 対象読者 Reactを利用してアプリケーションを作成したことがある人 ReduxやFluxなどのフレームワークを利用したことがある人 HOC とは何か? A higher-order component is just a function that takes an existing component and returns another c

    React の Higher-order Components の利用方法 - Qiita
  • Reactの Higher-order Components (HoCs) という概念に関するメモ - Qiita

    ReduxなどReact関連のライブラリで時々出てくるHigher-order Componentsについて色々わかんなくなったので調べたことをメモ程度に留めてまとめる 通称 HoCとかHoCsとか略されるが、この記事では Higher-order Components、HoCsで統一しておく。 Higher-order Components(HoCs)とは? 語の元となったのは高階関数(Higher-order function)であると思われる。 高階関数は、「関数を引数にとり、関数を戻り値とする」ような関数の事。 HoCsも同様で、「Componentを引数にとり、Componentを戻り値とする」ような関数(または実装パターン)の事 1 なぜこんな概念が出てきたのか? この記事が良く出される Mixins Are Dead. Long Live Composition ざっくり要約

    Reactの Higher-order Components (HoCs) という概念に関するメモ - Qiita
  • ReactのHigher Order Components詳解 : 実装の2つのパターンと、親Componentとの比較 | POSTD

    ReactのHigher Order Components詳解 : 実装の2つのパターンと、親Componentとの比較 (編注:2016/7/27、いただいたフィードバックをもとに記事を修正いたしました。) 概要 この投稿は、HOCパターンを利用してみたいという 上級ユーザ 向けの記事です。もしReactが初めての方は、まず Reactのドキュメント を読むところから始めるとよいでしょう。 Higher Order Componentsは、さまざまなReactライブラリにとって価値があることがわかっている素晴らしいパターンです。この投稿で、HOCとは何か、できることは何か、制約は何か、どのように実装するのか……という点について詳細に見ていきます。 付録として、関連トピックについても見ていきます。それらは、HOCを学ぶ上での中核にはならないものの、カバーしておくべきだと私が思っているもので

    ReactのHigher Order Components詳解 : 実装の2つのパターンと、親Componentとの比較 | POSTD
  • 1