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

これは

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

参考

著作権者：フューチャー株式会社（Future Corporation）様

future-architect.github.io

Next.js（React）の環境構築

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

昨日途中でよくわからなくなったので分けました。
どうもMaterial UI + TypeScriptの組み合わせが(他と比べて)手間がかかるようだというのがわかってきました。

material-ui.com

そもそもindex.tscってなんだっけとなり、いろいろ調べた結果、
エントリーポイントであることがわかったところで、いろいろ足りてないなってのが明らかになった次第です。

medium.com

参考に書かれているindex.tsx前半部分が何をしているのかはわかるのですが、

import Link from "next/link";
import React from "react";

import { Toolbar } from "@material-ui/core";
import AppBar from "@material-ui/core/AppBar";
import Button from "@material-ui/core/Button";
import Dialog from "@material-ui/core/Dialog";
import DialogActions from "@material-ui/core/DialogActions";
import DialogContent from "@material-ui/core/DialogContent";
import DialogContentText from "@material-ui/core/DialogContentText";
import DialogTitle from "@material-ui/core/DialogTitle";
import {
  createStyles,
  Theme,
  withStyles,
  WithStyles
} from "@material-ui/core/styles";
import Typography from "@material-ui/core/Typography";

withStylesってなんだっけで随分と戸惑ってしまいました。

もう少し理解を深めて次に進めたらなと思います。

今日はここまで。