Google Material Components for the Web

Google先生が作ったマテリアルデザインなUIライブラリ。

導入

https://material.io/develop/web/docs/getting-started/

yarn add material-components-web
yarn add -D webpack@3 webpack-dev-server@2 css-loader sass-loader node-sass extract-loader file-loader
yarn add -D autoprefixer postcss-loader
yarn add -D @material/button
yarn add -D babel-core@6 babel-loader@7 babel-preset-es2015 babel-plugin-transform-object-assign
yarn add -D @material/ripple

Reactで使う

material-components-web-reactを使う。
https://github.com/material-components/material-components-web-react

yarn global add create-react-app

create-react-app [app-name]

cd [app-name]

# TypeScript推奨
yarn add @types/react @types/react-dom @types/classnames @types/node typescript

# install component
yarn add @material/react-button

# CSSをカスタマイズした場合はいれる
yarn add node-sass