はじめに ReactのアプリケーションのUIコンポーネントといえばMeterial-UIではないでしょうか。 Meterial-UIは2018年にversion1がでて、この記事の執筆時点で3.9.2となっています。 個人的には馴染み親しんだbootstrapのほうが画面のデザインは楽に進みそうだったのですが、 せっかくReact使うんだからと思いMeterial-UIを使い始めました。 バージョンアップが早くどんどん進化しているイメージですが、まずは基本的な使い方を身に着けようということで備忘録がてら書いていきます。 ちなみにreact-bootstrapというのを使えばReactでもコンポーネントちっくにbootstrapが使えるよう。 Gridレイアウトの使い方 Gridレイアウトの基本の基本 まずなにをするにも必要になってくるのが、Grid。 覚え方は単純に「container」で
![Meterial-UIを使うときのポイント~Grid編~](https://cdn-ak-scissors.b.st-hatena.com/image/square/53515a5c979021945c383fa1719542cb1156b9c7/height=288;version=1;width=512/https%3A%2F%2Fi1.wp.com%2Fweblion303.net%2Fwp-content%2Fuploads%2F2019%2F02%2F1_3SVfBkNZI2f-sspiq59xcw.png%3Ffit%3D391%252C321%26ssl%3D1)