TypeScriptでReact

$ yarn create react-app APP_NAME --template=typescript

$ yarn add @material-ui/core

（オプション）ガイドに従ってviewportを書き換える

code:public/index.html

<meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width" />

（オプション）Robotoフォント入れる

$ yarn add typeface-roboto

code:src/index.tsx

import 'typeface-roboto';

（オプション）CSSリセットする

code:src/App.tsx

import { CssBaseline } from "@material-ui/core";

function App() {

return (

<div className="App">

<CssBaseline /> // ←これ

<header className="App-header">

ローカルにあるファイル名を一覧で表示したい！

そもそものやりたいこと：（ローカルファイルをダウンロードできるようにしたい）

code:index.ts

import * as fs from "fs";

fs.readdir(".", (err, files: string[]) => {

files.forEach((file) => {

console.log(file);

});

});