環境構築をしっかりするメリット 正直な話、React+TypeScriptは公式にあるコマンドを一個打ち込めばプロジェクト自体は出来ます。 環境構築がめんどくさくてそれだけで済ませていた人も多いと思いますが、今回紹介する環境構築をする事で、様々なメリットがあります。 チーム制作などでコーディングルールを厳格化できる ->チーム一人一人が我流のコーディングをすると誰も読み取る事が出来ないモノが完成します。 初心者のうちからコーディングの変な癖をなくす ->初心者のうちから変な癖がついてしまうと、修正するのが大変です。 コーディングの穴をなくす ->JavaScript自体はとてもルールが甘い言語です、よって我流でやった結果セキュリティの穴ができる事もあります。そういった、ミスを減らす事が出来ます。 綺麗なコードが完成する ->自分のコードが綺麗になりますので、公開しても恥ずかしく無くなります
![React+TypeScript+ESLint+Prettierをまとめて環境構築](https://cdn-ak-scissors.b.st-hatena.com/image/square/43005c02cd5a95df79d77eb9bbc9aaf47c8d4d10/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs---7E0TjBb--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AReact%25252BTypeScript%25252BESLint%25252BPrettier%2525E3%252582%252592%2525E3%252581%2525BE%2525E3%252581%2525A8%2525E3%252582%252581%2525E3%252581%2525A6%2525E7%252592%2525B0%2525E5%2525A2%252583%2525E6%2525A7%25258B%2525E7%2525AF%252589%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3AAsane%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2kwbnYxXzJnTFZYYWQ4TzlvRWR1cW5ZVnlTem1iMVktNm5VRm9Lanc9czk2LWM%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)