# Reactアプリの初期化
VScodeにてcalendar-projectを編集していきます。
まず、`src/App.css`、`src/App.tsx`を削除します。
次に、`src`配下に`styles`というディレクトリを作成し、その中に`index.css`を移動し、`index.css`の中身を空にします
{% code title="src/styles/index.css" %}
```css
```
{% endcode %}
そして、`main.tsx`を以下のように修正します。
import React from 'react'
import ReactDOM from 'react-dom/client'
import './styles/index.css'
ReactDOM.createRoot(document.getElementById('root')!).render(
<React.StrictMode></React.StrictMode>,
)
また、今回は各タグのデフォルトのcssを全て無効にしたいため、`destyle.css`というcssファイルを使用します。以下リンク下部の`ダウンロード`を右クリックし、`リンク先を別名で保存`を選択し、`destyle.css`として`styles`配下に配置しましょう。
{% embed url="" %}
そして、`destyle.css`を`main.tsx`にimportしましょう。
import React from 'react'
import ReactDOM from 'react-dom/client'
import './styles/index.css'
import "./styles/destyle.css";
ReactDOM.createRoot(document.getElementById('root')!).render(
<React.StrictMode></React.StrictMode>,
)
最終的にsrc配下のファイル構成は以下のようになっているかと思います。
```
src/
assets/
styles/
destyle.css
index.css
main.tsx
vite-env.d.ts
```
以上でReactアプリの初期化は終了になりますので、こちらをcommitしましょう。
今回は`main`ブランチでの作業で大丈夫です。
```bash
git add .
```
```bash
git commit
```
コミットメッセージは、
```
init: Reactアプリの初期化
```
としましょう。
commitしたら、リモートリポジトリの方にpushしましょう。
```bash
git push origin
```
これで、GitHubの方にて確認できるかと思います。
