25年3月現在最善のReactプロジェクトの作り方

Written by

Vite（ヴィート）を使おう。Viteは、高速なフロントエンド開発環境を提供するビルドツールです。https://vite.dev/

create-react-app は古い方法になってしまいました。create-react-app は、React チームが開発していた公式ツールですが、2023 年以降、ほぼ開発が停止しました。

Vite は ESモジュール（ESM）とホットリロード（HMR）を使って、開発時のリビルドを超高速化しています。また、
デフォルト設定で十分使いやすく、webpack.config.js のような面倒な設定が不要です。

やり方

Node.js をインストールしましょう。

以下コマンドでプロジェクトを作成できます。my-react-app は好きな名前を入れてください。

npm create vite@latest my-react-app -- --template react

依存関係をインストールしましょう

cd my-react-app
npm install

開発サーバーを起動させてみましょう。

npm run dev

コマンドラインに出てきたlocalhost を立ち上げたら完了です！