Material-UI
https://gyazo.com/1e6708ee0dc9c7b0903e05b6ecf18e24
React
用のUIフレームワーク
導入
$ npm install @material-ui/core
code:index.html
<link rel="stylesheet" href="
https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
/>
参考
https://github.com/rmaruon/time-progress/commit/7fd8643df7d91858a198186c8ae5e952a57069ea
ref
Material-UI: A popular React UI framework
インストール - Material-UI
【Material-UI】必ず設定しておきたいTheme項目 - Qiita
makeStyels
makeStyles(styles, options) => hook
CSSをMATERIAL-UIのmakeStylesで書き換える - Qiita
withStyles
コンポーネントをラップできる関数
code:tsx
const NewComponent = withStyles(styles)(Component);
withStyles(styles, options) => higher-order component
Material-UIを使ってテックタッチのデザインシステムを実現した話 - Techtouch Developers Blog