Reactで作ったサンプルにMaterial-UIを適用する |

こんにちは、mabuiです。 これまでの記事ではReactで仮想通貨の情報を表示するサンプルを 一つづつ技術を取り入れて作ってきましたが、 最後にMaterial-UIのコンポーネントを取り入れて、 デザインを良くしたものにして開発を終了しようと思います。 動作イメージ 導入した画面がこちらです。 これまでのものと比べると、ヘッダーがついたり、 ボタンがリッチになったり、テーブル構造になったりと かなりそれっぽいものになったと思います。 Material-UIとは？ Material-UIは、Goggleが提供している Reactのコンポーネントをまとめたライブラリです。 マテリアルデザインに従った、おしゃれなUIパーツを 使用することができます。 最初にMaterial-UI導入すれば良かった、、 今回ボタン、テーブル、ヘッダーバーをMaterial-UIのものに 差し替えましたが、コン