目次（生成されるファイル）

node_modules
public
src
gitignor
package.json
README.md
package-lock.json

node_modules

プロジェクトで使用されるすべての依存パッケージが格納されます。

public

公開用の静的ファイルが格納されます。
index.html: アプリケーションのルートHTMLファイルです。このファイルにReactコンポーネントがレンダリングされます。

src

開発者が実際にコーディングするファイルが格納されます。

index.js: アプリケーションのエントリーポイントです。ReactDOMを使ってReactコンポーネントをDOMにレンダリングします。
index.css: アプリケーション全体のスタイルシートです。
App.js: メインのReactコンポーネントです。アプリケーションの基本的なUIを定義します。
App.css: App.jsコンポーネントのスタイルシートです。
App.test.js: App.jsのテストコードです。
setupTests.js: テストの設定ファイルです。

ex_folda_structure

├── public/
│   ├── index.html
└── src/
│   ├── index.js(index.jsx)
│   ├── index.css
│   ├── App.js(App.jsx)
│   ├── App.css
│   ├── App.test.js
│   ├── setuoTest.js
│   └── components/
│       ├── Button/
│       |   ├── Button.js(Button.jsx)
│       |   ├── Button.css
│       |   └── Button.test.js
│       └── Form/
│       │   ├── Form.js(Form.jsx)
│       │   ├── Form.css
│       │   └── Form.test.js

gitignor

Gitで管理しないファイルやディレクトリを指定するファイルです。

package.json

プロジェクトの依存パッケージやスクリプトを管理するファイルです。

README.md

プロジェクトの概要や設定手順などの説明が記載されるファイルです。

package-lock.jso

正確な依存関係ツリーを記録するファイルで、再現性のあるビルドを保証します。

参考リンク

プログラミング初心者のための入門ブログ