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など、さらにサンプルが豊富なので買って正解。
ドキュメントも割としっかりしている。
【関連記事】
環境: CentOS 7.6, Node.js v12.10.0
Material UIの公式サイトからFREEのものをダウンロード。
こちらのテンプレートを選んだ。
- Material Dashboard React: Free Material-UI Dashboard @ Creative Tim
v1.8: React v16.9.0, Material UI v4.3.2, React Router v5.0.1
展開してインストール
$ 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など、さらにサンプルが豊富なので買って正解。
ドキュメントも割としっかりしている。
【関連記事】