React Routerを理解するのに有用なMaterial UIサンプルアプリ

React Router(ページ遷移)のいいサンプルがないものかと探しているときの覚書。

環境: CentOS 7.6, Node.js v12.10.0

Material UIの公式サイトからFREEのものをダウンロード。


こちらのテンプレートを選んだ。


展開してインストール
$ unzip material-dashboard-react-master.zip
$ cd material-dashboard-react-master
$ npm install

package.jsonを確認。start実行
$ less package.json
$ npm run start

ブラウザで表示すると。。。動いた。


ちゃんとFunction Componentで書かれているので読みやすい。
Reactのダッシュボードサンプルアプリとして非常に助かる。

あとはコードを読む。
React初心者はチュートリアルをやった後でないと意味が分からないと思う。


かなり時間の節約になったので、投げ銭的な意味でプレミアム版を買った。6,800円。
プレミアム版にはForm Validationなど、さらにサンプルが豊富なので買って正解。
ドキュメントも割としっかりしている。


【関連記事】