まず、React は、特にシングルページ アプリケーションの UI を構築するための人気のある JavaScript ライブラリです。これにより、開発者は再利用可能なコンポーネントを作成し、アプリケーションの状態を効率的に管理できるようになります。このブログでは、React プロジェクトのセットアップやその他多くのプロセスについて説明します。

前提条件
React に入る前、または React プロジェクトを作成する前に、次のツールをインストールする必要があります。

1. Node.js: 公式 Web サイトから Node.js の最新バージョンをダウンロードできます: https://nodejs.org/en.
2.コード エディタ: 使い慣れたエディタであればどれでも使用できますが、VSCode を使用することを強くお勧めします。

プロジェクトの作成方法

1. コマンド プロンプトまたはターミナルを開きます。
2. 次のコマンドを実行します

//Replace my-app with the name of your project.
npx create-react-app my-app

//navigate to your project directory
cd my-app 

//this cmd helps us to run our script
npm start 

フォルダー構造

my-app/
├── node_modules/
├── public/
│   ├── index.html
│   └── manifest.json
├── src/
│   ├── components/
│   ├── App.css
│   ├── App.js
│   ├── App.test.js
│   ├── index.css
│   ├── index.js
│   └── reportWebVitals.js
├── .gitignore
├── package-lock.json
├── package.json
└── README.md

1. node_modules: プロジェクトに必要なライブラリやパッケージなどのすべての依存関係が保存されるディレクトリ。

2. src: すべての React アプリケーション コードを含むソース フォルダー。ここに、React アプリケーションのコンポーネント、スタイル、ロジックを記述します。

3. package.json: プロジェクトとそれに必要な依存関係に関するメタデータを含む JSON ファイル。プロジェクトの依存関係、スクリプト、バージョンなどを管理します。