Material-UI 事始め

Material UI

reactをインストールした状態からスタート。
app.jsをいじります。
まずはボタンを表示してみよう。

import Button from '@material-ui/core/Button';

function App() {
  return (
    <Button variant="contained" color="primary">
      Hello World
    </Button>
  );
}
export default App;

以下の様にも書き換えられる

import Button from '@material-ui/core/Button';
const App = () => {
  return(
    <Button variant="contained" color="secondary">
      Hello World
    </Button>
  )
}
export default App;

参考にしたい記事

• Material-UIのスタイルの定義
• JavaScript ES6の分割代入について