React Context API この記事ではReact Context APIについて見ていきたいと思います。 YouTube 動画で閲覧されたい方は以下の画像リンクからどうぞ! 背景 まずは、React Context APIの背景についてお話ししたいと思います。 Reactでは、配下のコンポーネントにデータを渡すための手段としてpropsという機能が提供されています。 ところが、このpropsを使用すると、親コンポーネントから子コンポーネントへ、さらに孫コンポーネントへ、...、といった具合で、渡したいコンポーネントまで渡したいデータをバケツリレーのように延々と渡していかなければならない弱点がありました。これをprop drilling問題と言います。 その問題を解消するべく、どのコンポーネントからでも特定のデータにアクセスできる仕組みがreact-reduxから提供されています。