はじめに

React＋TypeScriptでWebアプリを開発した時に悩んだこととその解決方法のメモです。

悩んだこと

タイトルにある通り、React＋TypeScriptでWebアプリを作成した時に<body>の周りに謎のmarginが入ってしまうことに悩みました。

Power屋さんに聞いたところ、リセットCSSという単語を頂いたので、自分なりに調べてみました。

リセットCSSとは

この記事によると、リセットCSSとはブラウザがデフォルトで持っているCSSを上書きして、ブラウザ間の表示を揃えるファイルのことです。
色々なリセットCSSが公開されていますが、すべてリセットするタイプとデフォルトのスタイルが当てられるタイプがあるようです。
今回はnpmでパッケージ管理していたので、デフォルトのスタイルが当てられるタイプのnormalize.cssを利用してみました。