Yarnでcreate-react-appをインストールする理由・メリットについて。

Question

前提・実現したいこと

こちらの記事を参考に、
Reactのインストールとプロジェクト作成を勉強しているのですが、
Yarnでcreate-react-appをインストールする理由やメリットは何でしょうか？
ご教示お願いします。

試したこと

$yarn global add create-react-app

上記コマンドでReactのインストールを実行しなくても、
以下コマンドだけで、Reactのインストールと同時にプロジェクト作成まで、できてしまいました。

$npx create-react-app helloworld

この状態で、以下を実行したところ、ブラウザが起動してReactの画面が表示されることを確認しました。

$yarn start

また、YarnでReactのインストールをする理由として、以下の内容が書かれていることを確認しましたが、
YarnのReactのインストールをした場合と、していない場合とで、[$npx create-react-app helloworld]の実行を試してみましたが、
プロジェクトが作成されるスピードは、特にYarnでインストールした場合としていない場合とでの差異はないように思えました。

従来のreactを用いた開発では、Babelやwebpackなど様々なパッケージをマニュアルでインストールする必要がったため、
ものすごく手間がかかっていました。
ですが、creat-react-appをインストールすることで、これらの問題が解消でき、簡単に必要なパッケージをインストールすることができます。

それとも、このReactプロジェクト作成後に行う作業で、
YarnのReactのインストールをした場合と、していない場合とで、何か差異が生じてくるのでしょうか？

Answer 1

Yarnでcreate-react-appをインストールする理由やメリットは何でしょうか？

create-react-app公式では、常に最新版を使えるように、グローバルインストールはしないことを推奨されています。

（ただし、最新版がバグを含んでいるリスクもあります）

また、YarnでReactのインストールをする理由として、以下の内容が書かれていることを確認しましたが、

それは、create-react-appを全く使わない場合との比較です。npxするか、インストールして使うかの問題とは無縁です。

Comments

[退会済みユーザー]

ご回答ありがとうございます。
試してみましたが、Yarnでcreate-react-appをインストールした場合は、
yarn create react-app プロジェクト名でプロジェクトが作成できるということを確認しました。

また、下記2つはどちらも常に最新版を使えるようにしたプロジェクト作成で、特に差異はないということでしょうか？
npxとyarnの違いだけということでしょうか？

npx create-react-app プロジェクト名
yarn create-react-app プロジェクト名

npxとyarnの違いで調べてみた所、
以下サイトで、
https://zenn.dev/hibikine/articles/27621a7f95e761

>npxは、その場で不足しているパッケージを勝手にダウンロードしてくれるので便利です。
>反面、ミスタイプなどで意図しないパッケージを実行してしまうという懸念があります。

とあったので、こういった違いがあるぐらいということでしょうか？

[退会済みユーザー]

さらにこちらの記事を見つけました。
https://s8a.jp/create-react-app-use-npm#create-react-app%E3%81%A7npm%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%99%E3%82%8B

npxで、--use-npmを指定しない限り、デフォルトではパッケージマネージャーにYarnが使用されると書かれていたので、以下2つは全く同じという認識で合っていますか？
npx create-react-app my-react-app
yarn create react-app my-react-app

[maisumakun]

> また、下記2つはどちらも常に最新版を使えるようにしたプロジェクト作成で、特に差異はないということでしょうか？

npxはローカルインストールしていなくても、その場で最新版をダウンロードして実行します。yarnにその機能はありません。

> npxで、--use-npmを指定しない限り、デフォルトではパッケージマネージャーにYarnが使用されると書かれていた

それは「生成されるプロジェクト」についての話です。create-react-app「自体」を何で実行するかとは別問題です。

[退会済みユーザー]

ご回答ありがとうございます。
理解できました。
ご教示いただきありがとうございました。