仕事ですぐに使えるTypeScriptを読んでいくその67

これは

TypeScriptの学習にとても役立ちそうなドキュメントを教えてもらったので
コツコツと読んでいく記事です。

参考

著作権者:フューチャー株式会社(Future Corporation)様

future-architect.github.io

Next.js(React)の環境構築

Next.js+TSのソースコード

昨日の続きです。
資料ではMaterial UIとTypeScriptを組み合わせるのにstyles関数とwithStyles(styles)の部分が肝となっています。

function styles(theme: Theme) {
  return createStyles({
    root: {
      paddingTop: theme.spacing.unit * 20
    }
  });
}

--省略--

export default withStyles(styles)(Index);

うーん...
ここまでやってきてやっとMaterial UIをもっと理解した方がよいということがわかってきました。
明日はMaterial UIについて学習してみたいと思います。

今日はここまで。