この記事はテックタッチアドベントカレンダー18日目の記事です。 はじめまして、テックタッチアドベントカレンダー12月18日担当のyassanですよろしくお願いいたします。 普段は、テックタッチの管理画面を中心に、フロントエンドエンジニアとして業務に携わっています。 本稿では、業務で使用したChart.jsをReactにProviderを使用して組み込んだ際の備忘録として、簡潔にサンプルコードをまとめていきたいと思います。 Chart.jsとReactの間のデータの流れを中心に取り上げていこうと思います。 Chart.js自身のカスタマイズなどは取り扱いません。 主に扱うライブラリに関して 取り扱うライブラリに関して、念の為の補足をいたします。 React Meta(旧Facebook)が開発したユーザーインターフェイス構築のためのJavaScriptライブラリです。 Chart.js Ja
![Chart.jsをReactにProviderを使用して組み込んだシンプルなサンプル - Techtouch Developers Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/f9957c1f85e5ff939177f48ab3308f9a145f5ea7/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Ft%2Ftechtouch%2F20211216%2F20211216105831.png)